28
décembre
2010

HTML5 : “le nouveau Doctype HTML”

admin

HTML5 (HyperText Markup Language 5) est la dernière révision du principal langage du web, HTML.

HTML5 spécifie deux syntaxes d’un modèle abstrait défini en termes de DOM : HTML5 et XHTML5. Le langage comprend également une couche application avec de nombreuses API, ainsi qu’un algorithme afin de pouvoir traiter les documents à la syntaxe non conforme. Le travail a été repris par le W3C en mars 2007 après avoir été initié par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie.

Tout comme HTML ou XHTML, les documents HTML5 nécessitent un Doctype indiquant la méthode de rendu standard au navigateur : <!DOCTYPE html>

La grande nouveauté se trouve au niveau structurel, on note que les éléments HTML sont à présent regroupés en catégories de type :

Metadata content
Flow content
Sectioning content
Heading content
Phrasing content
Embedded content
Interactive content

Encodage

Le processus de détection de l’encodage a également été modifié et s’effectue dans l’ordre :

Vérification de la présence d’un header HTTP “Content-Type” ;
Détection du BOM en début de fichier ;
Utilisation d’une balise meta spécifique (<meta charset=”UTF-8″> par exemple, la syntaxe utilisée dans les versions précédentes étant toujours compatible)
Pour les documents XHTML5, l’auteur doit spécifier l’encodage dans le prologue XML :
<?xml version=”1.0″ encoding=”UTF-8″?>

Nouvelles balises

section (Identifier un bloc de contenu)
article
aside (Insérer un contenu sans rapport avec la page)
header (Indiquer l’en-tête de la section concernée)
footer (Indiquer le pied de page de la section concernée)
nav (Indiquer une section avec beaucoup de liens internes au site)
figure (Afficher une ou plusieurs images accompagnées d’une légende)
figcaption (Afficher la légende d’une image)
audio (Insérer un contenu audio)
video (Insérer un contenu vidéo)
embed
mark (Mettre en exergue une partie du contenu)
meter
progress (Indiquer un niveau d’avancement)
time
canvas
command
details
keygen
output
ruby, rt et rp (pour les annotations ruby)
Il y a également de nouveaux types pour la balise input :
datetime
datetime-local
date
month
week
time
number
range
email
url
search
color

Nouveaux attributs

Pour la balise a :
media
ping
target (précédemment déprécié)
Pour la balise area :
hreflang
media
ping
rel
target (précédemment déprécié)
Pour la balise base :
target
Pour la balise button :
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
Pour la balise fieldset :
disabled
form
Pour la balise form :
novalidate
Pour la balise html :
manifest
Pour la balise iframe :
sandbox
seamless
Pour la balise input :
autocomplete
autofocus (sauf lorsque l’attribut type est défini à hidden)
form
formaction
formenctype
formmethod
formnovalidate
formtarget
list
max
min
multiple
pattern
placeholder
required (sauf lorsque l’attribut type est défini à hidden, image ou les types de boutons tel que submit)
step
Pour la balise li :
value (précédemment déprécié)
Pour la balise link :
sizes
Pour la balise menu :
label
type
Pour la balise meta :
charset
Pour la balise ol :
reversed
start (précédemment déprécié)
Pour la balise script :
async
Pour la balise select :
autofocus (Présélectionne un élément lors du chargement de la page)
form
Pour la balise style :
scoped
Pour la balise textarea :
autofocus
form
placeholder
required
Ainsi que les attributs globaux qui s’appliquent à toutes les balises :
contenteditable
contextmenu
data-*
draggable
hidden
on* (gestionnaires d’événements)
spellcheck