Ecrire le HTML | A Propos | FAQ | Alumni | Kudos | Références | Tags | Leçons | précédent | suivant |

15. HTML "Standard" et "Etendu"

Entrez dans le domaine suivant du HTML
      -- où vous trouverez plus de choses à faire mais également plus de contraintes au fur et à mesure que le HTML devient moins "standard" (et moins simple).

Objectifs

Comme vous avez travaillé très dur jusqu'ici, voici une petite leçon sans rien à faire ! Après cette leçon, vous pourrez :

Leçon

Dans la leçon 0, nous vous avons présenté le concept du HTML "standard". Les leçons suivantes de ce didacticiel vous montreront comment utiliser d'autres balises HTML qui ne seront peut-être pas visibles sur tous les navigateurs web. Ici, nous allons juste revoir quelques points avant de vous laisser vous aventurer plus loin dans la "zone de danger."

Un petit peu d'histoire ?

Il y a très, très longtemps ("dans une lointaine galaxie ?")... enfin, dans les années 1990, le World Wide Web était un système à base de texte fondé sur le Langage de Définition Hypertexte (HyperText MarkUp Language = HTML). Les balises et l'interprétation étaient construites sur des standards (HTML 1.0) edictés par un comité international. Ceci fut la clef du "web" afin qu'il devienne "world wide" (planétaire) car, en suivant les standards, l'information était complètement indépendante de l'ordinateur sur lequel elle était consultée.

Même quand NCSA Mosaic arriva sur la scène en 1993 comme le premier navigateur web graphique (créé par le jeune génie Marc Andreessen et d'autres), les standards étaient suivis à la lettre, standards qui, à ce moment-là, évoluèrent en HTML 2.0.

Le web commença à devenir populaire.

Extrêmement populaire.

Follement populaire.

D'autres programmeurs commençèrent à construire des navigateurs web offrant les mêmes fonctionnalités que Mosaic (car ils supportaient toutes les fonctions HTML contenues dans les standards internationaux). Un groupe incluant les développeurs originaux de Mosaic formèrent une nouvelle société -- sa mascotte était "Mozilla", ("Mosaic" + "Godzilla") avec un tout nouveau navigateur web connu sous le nom de Netscape Navigator.

Netscape était plus rapide et plus stable que NCSA Mosaic. Il avait une mascotte cool ! Netscape devint rapidement populaire, peut-être parce qu'il contenait des fonctionalités qui reprennaient tout le HTML 2.0 PLUS d'autres tags pour des choses que vous ne pouviez pas faire avec le HTML 2.0. Ces "extensions" ou "améliorations" causèrent (et causent toujours) de grandes discussions entre les puristes du HTML et ceux qui aiment les fonctions "moins standards" que Netscape apporta.

Le Netscape Mozilla était immensément populaire et s'appropria rapidement 3/4 du gateau des navigateurs web. Maintenant, en HTML, vous pouviez inclure des arrière-plans de couleur dans vos pages, des tableaux de texte, du texte entourant des images et bien plus. On commençait à voir des pages web avec : "Page optimisée pour Netscape". D'autres navigateurs commençèrent à inclure le support pour les fonctionnalités "HTML 2.0+" de Netscape. Quand les principaux services en ligne s'ouvrirent au web, le marché des navigateurs devint encore plus emcombré (et bruyant).

La commission internationale dut alors faire face à un dilemne car le marché exigeait que ces balises "non standards" deviennent partie intégrante du HTML. Quand les règles du HTML 3.0 furent développées, elles commençèrent à inclure la majorité (mais pas tous) des tags que Netscape avait créés. Le processus des standards semblait être trop lent pour bien des gens.

Et la bataille s'accentua en 1996 quand Microsoft présenta ses propres tags HTML spéciaux. Le HTML deviendrait-il une nouvelle tour de Babel ? Pour plus d'informations sur la bataille du HTML, nous vous renvoyons au HTML 3.0 et Netscape d'Andy King. L'action la plus récente a été la proposition du HTML 3.2 qui englobe la majorité des fonctions supportées par les gros acteurs de l'arène des navigateurs, à savoir Netscape et Microsoft.

La position la plus récente concernant le HTML 4.0 est le standard proposé qui devrait être adopté par tous les navigateurs web. Cette dernière évolution se veut une étape amenant une grande flexibilité pour que les futures modifications ne soient plus une collection de tags ajoutés au fur et à mesure. Comme nous le verrons dans les sections suivantes, les Feuilles de Style fournissent un moyen très efficace pour mettre à jour tout un site web en conservant une apparence cohérente, ainsi que de nouvelles fonctions pour une internationalisation facile du contenu et l'accompagnement des personnes malvoyantes.

Mais qu'est-ce que cela implique pour vous ? En développant vos pages web, vous devez réfléchir au moyen qu'utiliseront vos lecteurs pour accéder à vos pages. Vous êtes peut-être un professeur dans une école, ou un service informatique dans une société, et vous êtes sûr que tous les utilisateurs se servent du même navigateur. Vous pouvez donc tranquillement concevoir et tester votre site sur ce seul programme. Néanmoins, nous pensons que cette approche un peu limitée risque de vous forcer à de longues et fastidieuses mises à jour dans vos pages HTML.

Pour la plupart d'entre vous, vous "publierez" des pages web depuis un serveur Internet et n'avez aucune idée du navigateur, ni même de l'ordinateur, qui sera utilisé pour leur consultation. Vous pouvez ajouter des avertissements sur votre page. Vous pouvez respecter les standards les plus largement supportés sur les navigateurs web. Même si vous utilisez des balises un peu spéciales, il existe souvent une alternative qui ne pénalisera pas les utilisateurs d'autres navigateurs.

Et le plus important... ne faites pas une fixation sur la manière dont votre page apparaît sur votre propre ordinateur ! Vos lecteurs utilisent peut-être des navigateurs différents, des fontes différentes, des couleurs de texte différentes, des écrans de tailles différentes -- et tout ce qui peut causer des changements dans la taille, la présentation ou l'apparence de votre site. Si vous pouvez tester vos pages web sur différents ordinateurs, agrandissez et réduisez la fenêtre du navigateur, changez les polices standard.

Heureusement, le concept original du HTML contient un ensemble de règles aussi ouvertes qu'indulgentes -- si un navigateur rencontre une balise qu'il ne sait par interprêter ou afficher, il l'ignore tout simplement.

Par exemple, supposons que mon navigateur supporte le tag <drip>...</drip>. Cette balise affiche le texte normalement puis le fait doucement couler goutte à goutte ("drip") vers le bas de la page (note -- J'AI INVENTE CE TAG !), un effet plutôt sympa pour ma page d'accueil :

  <drip><H2 align=center>Bienvenue</H2></drip>
  sur ma page humide ! Attention
  aux flaques !

et ça marche parfaitement sur mon navigateur parce que je l'ai programmé pour qu'il interprète les balises <drip>...</drip>. Sur votre navigateur ne supportant pas cette fonction, vous verrez :

page web exemple

Bienvenue

 sur ma page humide ! Attention aux flaques !

Si votre navigateur ne supporte pas ce tag, il l'ignore complètement, plutôt que de planter ou d'afficher un message d'erreur.

Brillant concept, non ?

Jeter un Coup d'Oeil au Source

Si vous n'êtes pas encore au courant, le meilleur secret pour apprendre à créer des pages web est... "d'emprunter de manière créative". Nous ne prônons en aucune façon le vol du HTML ! Mais, si vous trouvez une page web que vous aimez, ou que vous vous posez la question "Comment ont-ils fait ça ?", le moyen le plus simple est de regarder leur code HTML ! Il vous attend.

C'est une des meilleures réponses à la question "Pourquoi devrais-je apprendre ce foutu charabia HTML alors que je peux utiliser un éditeur comme ________________?". Vous n'apprendrez pas grand chose des autres sites web si vous utilisez un programme pour créer vos pages web. Mais... si vous pouvez "jeter un coup d'oeil sous le capot" d'une page web et examiner son HTML, vous comprendrez et pourrez peut-être reproduire d'intéressantes techniques.

Les noms exacts des menus pour faire cela diffèrent en fonction du navigateur et de la version que vous utilisez. Généralement, le menu de votre navigateur comporte un élément appelé Affichage depuis lequel vous pouvez sélectionner Source ou Source de la Page. Quand vous choisissez cela, vous téléchargez le code source HTML correspondant à l'URL de la page consultée, et vous affichez ce code HTML.

Un autre moyen de capturer le source HTML d'une page affichée est de sélectionner Enregistrer sous... dans le menu Fichier de votre navigateur. Cela fera apparaître la boite de dialogue d'enregistrement où vous pouvez choisir l'emplacement sur votre ordinateur et un nom de fichier. Vous devriez également voir un menu déroulant appelé Format -- sélectionnez-y l'option appelée Source.

NOTE : Cela enregistrera pour vous le fichier HTML de la page en cours... mais aucune des images utilisées dans cette page. Certains des navigateurs les plus récents, avec d'autres outils, vous permettent de télécharger toute la page web comme un seul paquetage.

Et une troisième manière de récupérer le source HTML est d'appeler le menu secret -- clic droit sous Windows et Unix, control+clic sur Macintosh -- dans une zone blanche de la page.

Pour vous entrainer, essayez de voir et de sauvegarder le source HTML de cette leçon.

Au fur et à mesure des leçons suivantes, les instructions deviendront de plus en plus longues et compliquées. Mais vous êtes arrivés jusqu'ici sans problème !

Révision

  1. Pourquoi devriez-vous vous préoccuper des standards HTML ?
  2. Dans quels environnements serait-il plus facile d'utiliser du HTML non standard ?
  3. Qu'arrive-t-il quand un navigateur rencontre un tag HTML qu'il ne comprend pas ?
  4. Si vous voyez un concept intéressant sur la page web de quelqu'un d'autre, comment pouvez-vous apprendre comment le mettre en oeuvre ?

Informations Supplémentaires