• Aller au contenu
  • Aller au menu
  • Aller à la recherche

CPU ⬜ Carré Petit Utile

CPU

Carré, Petit, Utile : Le programme radio des gens du numérique.
Tous les Jeudi à 11h sur Radio <FMR>

  • Programmes
  • Interviewes
  • Chroniques
  • Chercher
  • Suivez-nous !
  • CPU
  • Chroniques
  • ›
  • Artefact du passé
  • ›
  • Artefact du passé : Navigation documentaire relative
  • ← précédent

Artefact du passé : Navigation documentaire relative

jeudi 8 octobre 2026. Chroniques › Artefact du passé

Extrait de l'émission CPU release Ex0250 : Et l'URL disparu.

Quand nous avions parlé des origines du World Wide Web, nous avions parlé de son intérêt documentaire, et que l'URL a été architecturée justement pour la gestion de document. On va juste creuser un petit peu plus loin, en parlant d'une fonctionnalité du web qui a disparu des navigateurs au tout début des années 2000 : [La navigation documentaire relative.}(https://www.w3.org/TR/html4/struct/links.html#h-12.3)
Techniquement, ces fonctions et son balisage HTML spécifique sont toujours documentés. Si si, on en trouve encore des traces dans le Mozilla Developer Network et même bien planquée chez le W3C. D'ailleurs, elles y sont toujours dans le code source HTML du site de notre émission. Si si ! Regardez le code source !

La navigation documentaire fait immédiatement songer à quelque chose chez un individu d'un certain âge : l'idée d'un Sommaire, d'un Guide, d'une page Suivante et d'un Retour possible sur une précédente, quelle que soit la page du site web ainsi correctement architecturé, c'est...

[Commissaire Bourrel dans la série « Les 5 dernières minutes »]

Bon dieu, mais c'est bien sûr !

[Bip d'allumage et cliquetis du clavier d'un Minitel 1 de marque Telic Alcatel]

C'est un minitel !

Et c'est même un mode de navigation qui ne fut pas exclusivement Français, qu'on a trouvé ailleurs dans le monde : le Télétexte britannique, le Prestel allemand, et même les idées conceptuelles du Memex, bien avant la Mother of all Demos de 1968 ! Le mode de navigation de l'hypertexte d'avant internet, c'est tout simplement l'architecture de tout livre technique !

Oui, j'ai osé le comique de [clic de touche minitel] touche Répétition.

[Rires de sitcom, extrait de Bloodhound Gang - Mamma say]

Pour définir une navigation documentaire, il suffit au webmestre d'ajouter dans la balise <head> de chaque page HTML des liens relatifs, des balises <link> avec une url en attribut href="" et une déclaration de relation par l'attribut rel="". Dans cet attribut rel="", on peut y définir une relation avec des mots clés comme :

  • top : la page d'entrée du site,
  • contents : une page du site comportant tous les liens qu'un crawler peut indexer,
  • parent : la page immédiatement au-dessus de la page que vous consultez,
  • prev : la page sœur précédente dans l'arborescence,
  • next : la page sœur suivante,
  • help : pour l'aide,

…et j'en passe.

Si ces balises étaient présentes, des navigateurs comme Netscape ajoutaient une barre de navigation. Il était même possible, selon un réglage spécifique de Firefox, de faire disparaître la barre d'URL pour profiter de cette barre de navigation documentaire. Ce réglage a été retiré car il créait de la confusion chez les utilisateurs. La barre de navigation documentaire sera d'ailleurs escamotée de Firefox avant même la version 1.

Pourquoi ?

Parce qu'en 2002, la hauteur moyenne des écrans de PC était de 600 pixels. Et que donc [bruit de mètre enrouleur], une barre de navigation en moins, c'est 26 pixels de visibilité en plus pour le contenu. Ben oui, les mêmes causes qui ont créée l'Awesome bar. Il a existé une extension à Firefox où ce code a été rapatrié. Mais c'était y'a plus de 25 ans, et ce code a donc disparu.

C'est dommage qu'on ait perdu ce mode de navigation : elle permettait de concevoir des navigations ultra-simplifiées, par exemple dans les kiosques publics de navigation, avec des raccourcis claviers ou encore pour des personnes handicapées.

Texte : Da Scritch
Photo : Minitel 12, banque interne

Aucun commentaire

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées. Votre e-mail ne sera pas affiché.

Pièces jointes

  • 0250-CPU-Artefact-NavigationRelative(08-10-26).mp3

Catégories

  • Programmes
  • Interviewes
  • Chroniques
  • Hors micro
  • Teaser

Séries

  • Arrière-guichet
  • Bio is the new Black
  • Composants
  • Crie si tu sais…
  • Elles codent
  • Futurs alternatifs
  • Intelligence artificielle
  • Killed By App
  • Langages machine
  • lost and found
  • Paranoid android
  • Parce que c’est Notre Projet Souverain
  • Quelque chose de totalement différent
  • Radio numérique
  • Read That Funky Manual !
  • Recycle
  • Ressources humaines
  • Situation critique
  • transcription manquante
  • Webmasters

Toutes les séries

Partenariat avec LeHua pour la projection du documentaire « A Chip Odyssey »

Suivez-nous !

  • 🎵 Podcast des émissions
  • 🎧 …pour Android
  • 🎧 …via Apple Podcast
  • 🎧 …via Youtube Music
  • 🎧 …en newsletter
  • Comment faire

Réseaux sociaux

  • BlueSky @cpu.pm
  • @cpu@Mastodon.tetaneutral.net
  • LinkedIn company/cpuprogramme
  • Nous écrire par e-mail

Développeurs

  • Benoît
  • Da Scritch
  • Enflammée
  • Gabriel
  • Infested Grunt
  • René Speranza
  • Thibault
  • Toute l'équipe

Partenaires

  • Silicium
  • Tetalab
  • Tetaneutral
  • Toulouse Tech Hub
  • La Bricole Toulousaine

Producteurs

  • Radio <FMR>
  • Régie publicitaire

Code source (github)

  • CPU-Audio web component
  • Thème Dotclear "cpu26"
  • Youtube future playlist

Pages juridiques

  • Documentation du programme
  • Déclaration morale
  • Licence de l'émission et des sonores
  • Politique de confidentialité 🍪
  • Accessibilité du site : partielle
  • Mentions légales

SRSLY ?

  • Fédération Française de lecture sportive de logs serveurs
  • Détruire ce site (à l'ancienne)

Informations

Interviewes et chroniques en licence CC-BY-SA-NC-ND ⬜ Émissions © DaScritch et l'équipe pour Radio <FMR> ⬜ Propulsé par Dotclear