Florimond.be
Vade-mecum xHTML
Introduction
Samedi, 13 Novembre 2010 11:02 | 
Écrit par Louis | 
| 
| 
Introduction
Dans cet aide-mémoire pour la conception de pages HTML, je vais prendre le parti de favoriser le XHTML (eXtensible HTML - HTML extensible) et les CSS (Cascading Style Sheets - Feuilles de Style en Cascade) sans toutefois oublier de mentionner les grandes lignes du HTML4 (HyperText Markup Language), pourtant obsolète, d’ailleurs le HTML5 est arrivé.
La raison en est que je crois qu’il est préférable de prendre d’emblée de bonnes habitudes en laissant de côté les éléments déclassés pour la conception de pages pour le WEB.
Ce vade-mecum ne se veut pas exhaustif, ce n’est pas possible : je le produis en fonction de mes connaissances et mon temps libre, limités. Mais j’espère pouvoir le mettre à jour progressivement et régulièrement.
Il s’agira d’illustrer par l’exemple les éléments de base de toute page correctement conçue.
Toutefois, j’ai à cœur de veiller à adapter les règles typographiques strictes du HTML, ce qui est très rare à mon avis. Pourtant, le respect de celles-ci est essentiel, j’en donnais un exemple flagrant dans ma présentation en page d’accueil.
Quoique, les navigateurs ont toujours permis une marge d’erreurs courantes en typographie.
Un exemple :
Qui se soucie encore vraiment de l’usage correct de l’apostrophe « ’ », sachant qu’elle n’est pas disponible directement au clavier sous Windows et son raccourci-clavier, mal-connu sur Mac, mais qu’on lui substitue couramment un guillemet simple droit, symbole de la minute « ' » ?
Pourtant il pourrait être gênant que « l’école » soit lue comme : « l minute école » !
Seulement, le bon usage typographique a des règles dont peu de professionnels arrivent à tenir compte, particulièrement pour le WEB, malgré que ces règles servent à faciliter la lecture du contenu en évitant les confusions.
Parfois même, cet oubli donne de réelles horreurs : je vois fréquemment en prenant le bus une enseigne toute en caractères cursifs et italiques où se trouve planté un guillement simple droit, comme un des clous du Christ sur sa croix.
| incorrect | correct | |
|---|---|---|
 |
 |
|
| Code HTML | ||
| ' | ’ | |
| Bizarrement, le code HTML du guillemet simple droit est ' mais c’est un caractère ASCII directement disponible au clavier |
||
J’aurais pu utiliser le même caractère et le véritable nom d’origine : la Commercial Script, dont l’exemple aurait été encore plus parlant, puisque son guillemet droit simple n’est pas italisé, mais je ne voudrais pas que ce commerçant se reconnaisse un jour et exige de son fournisseur qu’il corrige le vice caché de cette signalétique.
Solution :
Connaître les règles typographiques, les bons utilitaires pour insérer des caractères et gérer les polices ; et les codes de caractères spéciaux (non ASCII) ou copier-coller son texte dans un bon éditeur WYSIWYG (What You See Is What You Get) depuis un bon éditeur de texte, genre MS Word, qui contienne un correcteur typographique bien configuré, ce qui est un pis-aller acceptable. Mais ne surtout pas utiliser celui-ci (ou n’importe quel logiciel Microsoft) directement pour générer du code HTML, il serait assez catastrophique car ce code ne tiendrait pas compte des autres navigateurs que MS Internet Explorer, en nette progression sur le WEB, qui tous respectent nettement mieux les standards que MSIE.