HTML 5 met à jour ses balises de la version 4

html 5 Suite a l'article d'hier sur les nouveautés du HTML 5, nous allons passer en revue les balises et les attributs qui ont subit des changement plus ou moins radical et ceux qui ont totalement disparu.

Certes pour les adeptes de la validation au W3C il va falloir attendre pour modifier les doctypes mais les résultats obtenu en valent la peine.

Plusieurs attributs de HTML 4 s'appliquent maintenant à tous les éléments. Ils sont appelés attributs globaux : class, dir, id, lang, style, tabindex et title.

Il y a aussi plusieurs nouveaux attributs globaux :

L'attribut contenteditable indique que l'élement est une zone éditable. L'utilisateur peut en changer le contenu et manipuler le balisage.
L'attribut contextmenu peut être utilisé pour pointer un menu contextuel fourni par l'éditeur.
L'attribut draggable peut être utilisé conjointement avec la nouvelle API « glisser-déposer ».
L'attribut irrelevant indique qu'un élément n'est pas encore, ou n'est plus, pertinent.
Les attributs globaux ref, registrationmark et template sont complémentaires de la fonctionnalité de gabarit de données.
La collection d'attributs data-* définis par l'éditeur. Les éditeurs peuvent définir tous les attributs qu'ils veulent tant qu'ils les préfixent avec data- pour éviter des conflits avec de futures versions de HTML. La seule obligation pour ces attributs est qu'ils ne soient pas utilisés pour des extensions d'agent utilisateur.

Ce qui suit, ce sont les attributs pour le modèle de répétition. Ce sont des attributs globaux et, en tant que tels, peuvent être utilisés sur tous les éléments HTML, ou sur tout élément dans tout autre espace de nom, dont les attributs sont dans l'espace de nom http://www.w3.org/1999/xhtml :

repeat
repeat-start
repeat-min
repeat-max

HTML 5 fait aussi de tous les attributs gestionnaires d'événements de HTML 4 qui prennent la forme onnom de l'événement des attributs globaux et en ajoute plusieurs nouveaux pour de nouveaux événements qu'il définit, tels que l'attribut onmessage, qui peut être utilisé avec le nouvel élément event-source et l'API de messagerie de documents multiples.

Balises mises à jour

Ces éléments ont une signification légèrement modifiée en HTML 5 pour mieux refléter la manière dont ils sont utilisés sur le Web ou pour les rendre plus utiles :

L'élément a sans attribut href représente maintenant un « lien fictif ».
L'élément address est maintenant porté par le nouveau concept de sectionnement.
L'élément b représente maintenant une portée de texte à déporter stylistiquement de la prose normale sans transmettre d'importance en plus, telle que les mots clés dans un résumé de document, des noms de produits dans un article, ou d'autres portées de texte dont la présentation typographique typique est en gras.
L'élément hr représente maintenant une coupure thématique au niveau du paragraphe.
L'élément i représente maintenant une portée de texte dans une voix ou un mode alterné, ou à défaut déportée de la prose normale, telle qu'une désignation taxonomique, un terme technique, une expression idiomatique d'une autre langue, une pensée, un nom de navire, ou une autre prose dont la présentation typographique typique est en italique. L'usage varie largement selon la langue.
Pour l'élément label, le navigateur ne devrait plus déplacer la cible de l'étiquette vers le champ de contrôle, à moins qu'un tel comportement ne soit standard pour l'interface utilisateur de la plateforme de base.
L'élément menu est redéfini pour être utile à de vrais menus.
L'élément small représente maintenant un petit caractère (pour des commentaires secondaires et des mentions légales).
L'élément strong représente maintenant l'importance plutôt que la forte emphase.
Les signes de ponctuation de citation pour l'élément q doivent maintenant être fournis par l'éditeur plutôt que par l'agent utilisateur.

Balises obsoletes a ne plus utiliser

Les éléments mentionnés dans cette section ne sont pas à utiliser par les éditeurs. Les agents utilisateurs devront, pourtant, les supporter et HTML 5 obtiendra une section d'affichage en temps voulu qui dira exactement comment. (L'élément isindex, par exemple, est déjà supporté par l'analyseur.)

Les éléments suivants ne figurent pas en HTML 5 parce que leur effet est de pure présentation et, par conséquent, mieux pris en charge par CSS :

basefont
big
center
font
s
strike
tt
u

Les éléments suivants ne figurent pas en HTML 5 parce que leur usage affectait négativement l'utilisabilité et l'accessibilité pour l'utilisateur final :

frame
frameset
noframes

Les éléments suivants ne sont pas inclus parce qu'ils n'ont pas été souvent utilisés, ont créé de la confusion ou peuvent être pris en charge par d'autres éléments :

acronym n'est pas inclus parce qu'il a créé beaucoup de confusions. Les éditeurs doivent utiliser abbr pour les abréviations.
applet a été rendu obsolète au profit d'object.
L'usage d'isindex peut être remplacé par celui de champs de contrôle de formulaire.
dir a été rendu obsolète au profit d'ul.

Finalement, le noscript n'est conforme qu'à la syntaxe HTML. Il n'est pas inclus dans la syntaxe XML, comme son usage se fie à un analyseur HTML.

Attributs obsoletes a ne plus utiliser

Quelques attributs de HTML 4 ne sont plus autorisés en HTML 5. S'ils ont besoin d'avoir un impact sur les agents utilisateurs pour des raisons de compatibilité, la manière dont ils devraient fonctionner dans ces scénarios est définie.

L'attribut accesskey dans a, area, button, input, label, legend et textarea.
Les attributs rev et charset dans link et a.
Les attributs shape et coords dans a.
L'attribut longdesc dans img et iframe.
L'attribut target dans link.
L'attribut nohref dans area.
L'attribut profile dans head.
L'attribut version dans html.
L'attribut name dans img, form et a (à la place, utilisez id).
L'attribut scheme dans meta.
Les attributs archive, classid, codebase, codetype, declare et standby dans object.
Les attributs valuetype et type dans param.
L' attribut language dans script.
L'attribut summary dans table.
Les attributs axis et abbr dans td et th.
L'attribut scope dans td.
L'attribut headers dans th.

Les attributs suivants sont compltement detruits puisque desormais le CSS les prend mieux en charges :

L'attribut align dans caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead et tr.
Les attributs alink, link, text et vlink dans body.
L'attribut background dans body.
L'attribut bgcolor dans table, tr, td, th et body.
L'attribut border dans table, img et object.
Les attributs cellpadding et cellspacing dans table.
Les attributs char et charoff dans col, colgroup, tbody, td, tfoot, th, thead et tr.
L'attribut clear dans br.
L'attribut compact dans dl, menu, ol et ul.
L'attribut frame dans table.
L'attribut frameborder dans iframe.
L'attribut height dans td et th.
Les attributs hspace et vspace dans img et object.
Les attributs marginheight et marginwidth dans iframe.
L'attribut noshade dans hr.
L'attribut nowrap dans td et th.
L'attribut rules dans table.
L'attribut scrolling dans iframe.
L'attribut size dans hr, input et select.
L'attribut type dans li, ol et ul.
L'attribut valign dans col, colgroup, tbody, td, tfoot, th, thead et tr.
L'attribut width dans hr, table, td, th, col, colgroup et pre.