HTML5 | |
---|---|
Extension | HTML5: .html, .htm XHTML5: .xhtml, .xht, .xml |
Type MIME | HTML5: text/html |
Développé par | W3C |
Type de format | Hypertexte |
Extension du | HTML 4 et xHTML 1.1 |
Standard(s) | W3C HTML5 |
Spécification | Format ouvert |
modifier |
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. Toutefois, pour les documents XML cette déclaration est facultative, le navigateur l'interprétant en mode standard par défaut.
<html lang="fr"> <head> <meta charset="utf-8" /> <title>titre du site</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="" /> <link rel="shortcut icon" href="favicon.ico" /> <link href="css/template.css" type="text/css" rel="stylesheet" media="screen" charset="utf-8" /> </head> <body>class ="ma-class-en-css"> ="ma-class-en-css"> <ul> <li><a href="mon url" title="titre du lien">nom de mon lien</a></li> <li><a href="mon url" title="titre du lien">nom de mon lien</a></li> <li><a href="mon url" title="titre du lien">nom de mon lien</a></li> </ul> </nav> </header> <div>class ="ma-class-en-css"> <h1>titre de mon article</h1> <p>texte de mon article</p>class ="ma-class-en-css"> <h2>sous-titre mon article</h2> <p>texte de mon sous-titre</p> ="ma-class-en-css"> <a href="mon url"><img src="url de mon image" alt="nom de mon image"></a> </figure> </section> </article>class ="ma-class-en-css"> <h1>titre de mon article</h1> <p>texte de mon article</p>class ="ma-class-en-css"> <h2>sous-titre mon article</h2> <p>texte de mon sous-titre</p> ="ma-class-en-css"> <a href="mon url"><img src="url de mon image" alt="nom de mon image"></a> </figure> </section> </article> </div> ="ma-class-en-css"> ="ma-class-en-css"> <ul> <li><a href="mon url" title="titre du lien">nom de mon lien</a></li> <li><a href="mon url" title="titre du lien">nom de mon lien</a></li> <li><a href="mon url" title="titre du lien">nom de mon lien</a></li> </ul> </nav> </footer> </body> </html>
Voir aussi : html5-profile
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.
version="1.0" encoding="UTF-8"?> xmlns="http://www.w3.org/1999/xhtml">…>
Le processus de détection de l'encodage a également été modifié et s'effectue dans l'ordre :
meta
spécifique (
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 :
version="1.0" encoding="UTF-8"?>
section
(Identifier un bloc de contenu)article
aside
(Insérer un contenu sans rapport avec la page)header
(Indiquer le haut de page (début de page) 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
audio
(Insérer un contenu Audio.)video
(Insérer un contenu Vidéo.)embed
mark
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
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
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
, frameset
et noframes
ont é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 :
acronym
n'est plus incluse car elle créait beaucoup de confusions;applet
est obsolète en faveur de object
;isindex
, car elle peut être remplacée par l'utilisation des contrôleurs de formes;dir
est obsolète en faveur de ul
.Enfin, noscript
n'est fournie que dans la version HTML, elle n'est pas incluse dans la version XML.
Sur la balise a
Sur la balise link
Sur la balise img
Sur la balise iframe
Sur la balise area
Sur la balise head
Sur la balise html
Sur la balise meta
Sur la balise object
Sur la balise param
Sur la balise td
Sur la balise th
HTML5 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 :
canvas
;video
et audio
;contenteditable
;draggable
;