- HTML 5
-
HTML 5
HTML (HyperText Markup Language) HTML5: .html, .htm
XHTML5: .xhtml, .xht, .xmlHTML5: text/html
XHTML5: application/xhtml+xml, application/xmlDéveloppé par
W3C Type de format
Hypertexte Extension du
HTML 4 Standard(s)
W3C HTML 5 Spécification
Format ouvert HTML 5 (HyperText Markup Language Version 5) est la prochaine révision du principal langage du World Wide Web, HTML. HTML 5 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é débuté par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie.
Sommaire
Changements par rapport à HTML 4.X/XHTML 1.X
Spécification
Doctype
Tout comme HTML ou XHTML, les documents HTML 5 nécessitent un Doctype indiquant la méthode de rendu standard au navigateur. Toutefois, pour les documents XML cette déclaration est facultative, le navigateur l'interprétant en mode standard par défaut.
Exemple d'utilisation avec HTML 5
<!DOCTYPE html> <html>…</html>
Il est à noter que la déclaration du Doctype n'est pas sensible à la casse et qu'il n'y a plus de référence à une DTD.
Exemple d'utilisation avec XHTML 5
<?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml">…</html>
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
metaspécifique (<meta charset="UTF-8">par exemple, la syntaxe utilisée dans les versions précédentes étant toujours compatible)
Pour les documents XHTML 5, l'auteur doit spécifier l'encodage dans le protocole XML :
<?xml version="1.0" encoding="UTF-8"?>Nouvelles balises
section(Identifier un bloc de contenu)articleaside(Insérer un contenu sans rapport avec la page)headerfooter(Indiquer le pied de page de la section concernée)nav(Indiquer une section avec beaucoup de liens internes au site)dialogfigureaudio(Insérer un contenu Audio.)video(Insérer un contenu Vidéo.)embedmarkmeterprogress(Indiquer un niveau d'avancement)timecanvascommanddatagriddetailsdatalistkeygenoutputruby, rt et rp (pour les annotations ruby)
Il y a également de nouveaux types pour la balise
input:datetimedatetime-localdatemonthweektimenumberrangeemailurlsearchcolor
Nouveaux attributs
Pour la balise
a:mediapingtarget(précédemment déprécié)
Pour la balise
area:hreflangmediapingreltarget(précédemment déprécié)
Pour la balise
base:target
Pour la balise
button:autofocusformformactionformenctypeformmethodformnovalidateformtarget
Pour la balise
fieldset:disabledform
Pour la balise
form:novalidate
Pour la balise
html:manifest
Pour la balise
iframe:sandboxseamless
Pour la balise
input:autocompleteautofocus(sauf lorsque l'attribut type est défini à hidden)formformactionformenctypeformmethodformnovalidateformtargetlistmaxminmultiplepatternplaceholderrequired(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:labeltype
Pour la balise
meta:charset
Pour la balise
ol:reversedstart(précédemment déprécié)
Pour la balise
script:async
Pour la balise
select:autofocus(Présélectionne une élément lors du chargement de la page)form
Pour la balise
style:scoped
Pour la balise
textarea:autofocusformplaceholderrequired
Ainsi que les attributs globaux qui s'appliquent à toutes les balises :
contenteditablecontextmenudata-*draggablehiddenon*(gestionnaires d'événements)spellcheck
Changements dans les balises et attributs
Les balises
basefont,big,center,font,s,strike,tt,u,
ont été supprimées car leurs effets étaient purement représentatifs, ce qui est le rôle de CSS.
Les balises
frame,framesetetnoframesont été supprimées elles-aussi, elles étaient déjà dépréciées car elles créaient des problèmes d'accessibilité et d'utilisation pour l'utilisateur final.Les balises suivantes ont elles aussi été supprimées :
acronymn'est plus inclue car elle créait beaucoup de confusions;appletest obsolète en faveur deobject;isindex, car elle peut être remplacée par l'utilisation des contrôleurs de formes;direst obsolète en faveur deul.
Enfin,
noscriptn'est fournie que dans la version HTML, elle n'est pas incluse dans la version XML.Dépréciation de balises
Dépréciation d'attributs
API
HTML 5 introduit huit nouvelles APIs qui pourront aider à créer des applications web et qui peuvent être utilisées ensemble avec de nouveaux éléments introduits pour les applications dont :
- une API de dessin 2D utilisé avec la nouvelle balise
canvas; - une API pour jouer des vidéos et des sons/musiques utilisé avec les nouvelles balises
videoetaudio; - une API utilisé pour les applications hors-lignes;
- une API d'édition en combinaison avec le nouvel attribut
contenteditable; - une API de drag and drop en combinaison avec l'attribut
draggable; - une API qui permet l'accès à l'historique et permet aux pages d'en ajouter pour prévenir les problèmes de bouton retour-en-arrière.
Liens externes
Portail sur Internet
Catégories : Format ouvert | Standard du web
Wikimedia Foundation. 2010.
