10 crimes sur les balises HTML que vous ne devriez plus commettre

Stéphane · juillet 2009

Bonjour à tous

Je viens de parcourir rapidement cet article trouvé dans mes flux rss.
Je me suis dit que ça pourrait interresser certains d'entre vous.

Un bon départ pour faire du code valide avec votre pluxml préféré :-)

http://www.kiwano.fr/10-crimes-tag-balise-html/

Stéphane

Alba · juillet 2009

Intéressant sujet en effet.
Mais il faudrait prévenir les débutants que ces «crimes» n'ont rien de criminels et que le langage HTML a été conçu de manière à supporter des petites fautes de syntaxes. C'est un billet un brin extrémiste dont la logique m'échappe parfois, je cite : « Si votre image ne porte pas de sens [...] vous devez positionner un alt vide sur votre image. » Donc, l'auteur s'oblige à systématiquement ajouter un attribut même si ce dernier est inutile ? Ca me rappel ceux qui recommandaient de passer par du javascript pour émuler l'attribut "target" afin de passer la certif' W3C…

Ca me semblait important d'intervenir sur ce point puisque la philosophie de pluxml hormis sa légèreté, c'est son accessibilité aux débutants qu'il ne faudrait pas effrayer avec ce genre de discours.

gcyrillus-nomade · juillet 2009

Alba a écrit:

C'est un billet un brin extrémiste dont la logique m'échappe parfois, je cite : « Si votre image ne porte pas de sens [...] vous devez positionner un alt vide sur votre image. » Donc, l'auteur s'oblige à systématiquement ajouter un attribut même si ce dernier est inutile ?

Bonjour,

en fait , le alt sur la balise image est obligatoire , comme le href sur une balise a , Le laisser vide , indique justement que l'image n'a rien de pertinent et qu'elle ne sert que de fioriture .. le sens de l'image est donc qu'elle n'en a aucun dans le texte , que l'on peut donc l'ignorer .

Ensuite , le height et width en attribut sur l'image , va servir au navigateur , qui ne sera pas obliger d'attendre que l'image soit chargé pour y reserver sa place dans le flux ... (petit gain de temps au chargement et on evite de voir la page sauté dans tout les sens quand il y a 50 images de tailles consequentes a charger .... je pense a certains blog ultra gadgetiser qui mettent des plombent a charger , images , js etc ...

Maintenant , c'est vrai faut pas etre extremiste , ça a l'effet inverse , mais en expliquant le pourquoi du comment , le nouveau venu ou deja experimenter pourra faire des choix de bon sens , plutot que dire :
he bouffon ! , tu me gave avec ton 3C !

Pour :
Crime n°4 : utiliser les balises <b> ou <i> pour mettre votre texte en gras ou en italique

Je dirai , que la vaut mieux proposé un span , plutot que systematiquement les remplacé par em ou strong , soit on veut juste un effet visuel , alors span (neutre) + class va bien , a l'opposée , un strong pour mettre en evidence un mot ou une portion (assimilable aussi a un mot clé) est tout a fait adapté .

L'idéal est de rappeller aussi que chaque balise peut avoir une signification précise et donner un lien vers un dico de balises ... puis petit truc tout bete , afficher sa page sans style aide aussi a voir si le balisage est adapter au contenus (l'exemple , paragraphe et br contre liste prend alors toute sa signification ).

GC

10 crimes sur les balises HTML que vous ne devriez plus commettre

Réponses