Balises Html Eléments Html 5

 

Elements Balises

Voici la liste complète à ce jour ( 10/01/2010 ) des balises html 5 validées. Ces balises deviendront à terme le language officiel des pages web sur le réseau. Si elles sont déjà prises en compte par certains navigateurs ( en particulier Opéra ), il faudra encore attendre avant qu'elles ne deviennent le standard du réseau. Le HTML5 reprend la plupart des balises des versions précédentes et les navigateurs sont tenus d'avoir une compatibilité avec les versions antérieures.

Les nouvelles balises du HTML sont indiquées dans le tableau ci-dessous par une couleur verte dans la colonne élément.

Les balises modifiées, dont le sens ou le fonctionnement est modifié, sont indiqué en orange.

Les balises supprimées et non reprises dans html5 sont indiquées ici en rouge mais ne seront pas développées. Ils devront néanmoins être gérés par les navigateurs.

Liste des éléments
Element Description Catégories Parents Enfants Attributs Interface
a Hyperlien Ancre flow ; phrasing *; interactive phrasing transparent * globaux ; href ; target ; ping ; rel ; media ; hreflang ; type HTMLAnchorElement
abbr Abréviation flow ; phrasing phrasing phrasing globaux HTMLElement
acronym remplacé par abbr          
address Information de Contact pour une page ou une section flow ; formatBlock candidate flow flow * globaux HTMLElement
applet code java exécutable remplacé par object          
area Hyperllien ou zone d 'une carte image flow ; phrasing phrasing * vide globaux ; alt ; coords ; shape ; href ; target ; ping ; rel ; media ; hreflang ; type HTMLAreaElement
article Contenu indépendant tel un article de blog flow ; sectioning ; formatBlock candidate flow flow globaux HTMLElement
aside Barre latéralle avec contenu différent flow ; sectioning ; formatBlock candidate flow flow globaux HTMLElement
audio Lecteur audio flow ; phrasing ; embedded ; interactive phrasing source *; transparent * globaux ; src ; autobuffer ; autoplay ; loop ; controls HTMLAudioElement
b Mot clé affiché en gras flow ; phrasing phrasing phrasing globaux HTMLElement
base Base URL du document en cours metadata head vide globaux ; href ; target HTMLBaseElement
basefont Définition de Police de caractères          
bdo annulation bidirectionnelle flow ; phrasing phrasing phrasing globaux HTMLElement
big texte plus grand          
blockquote Mise en valeur d'une citation flow ; sectioning root ; formatBlock candidate flow flow globaux ; cite HTMLQuoteElement
body Entête du Document sectioning root html flow globaux ; onafterprint ; onbeforeprint ; onbeforeunload ; onblur ; onerror ; onfocus ; onhashchange ; onload ; onmessage ; onoffline ; ononline ; onpagehide ; onpageshow ; onpopstate ; onredo ; onresize ; onstorage ; onundo ; onunload HTMLBodyElement
br Saut de ligne flow ; phrasing phrasing vide globaux HTMLBRElement
button Bouton de contrôle flow ; phrasing ; interactive ; listed ; labelable ; submittable ; form-associated phrasing Phrasing content * globaux ; autofocus ; disabled ; form ; formaction ; formenctype ; formmethod ; formnovalidate ; formtarget ; name ; type ; value HTMLButtonElement
canvas Canevas Bitmap répondant à un script flow ; phrasing ; embedded phrasing transparent globaux ; width ; height HTMLCanvasElement
caption Légende d' un Tableau none table flow * globaux HTMLTableCaptionElement
center centrer le contenu          
cite Titre d' un ouvrage flow ; phrasing phrasing phrasing globaux HTMLElement
code Code Informatique flow ; phrasing phrasing phrasing globaux HTMLElement
col Colonne de Table none colgroup vide globaux ; span HTMLTableColElement
colgroup Groupe de colonnes dans une table none table col globaux ; span HTMLTableColElement
command Commande utilisable par l' utilisateur metadata ; flow ; phrasing head ; phrasing vide globaux ; type ; label ; icon ; disabled ; checked ; radiogroup HTMLCommandElement
datalist Contiend des options pour le combo box control flow ; phrasing phrasing phrasing ; option globaux HTMLDataListElement
dd Contenu pour les éléments dt correspondants none dl ; figure ; details flow globaux HTMLElement
del Un élément marqué pour être supprimé du document flow ; phrasing * phrasing transparent globaux ; cite ; datetime HTMLModElement
details Disclosure control for hiding details flow ; sectioning root ; interactive flow dt *; dd * globaux ; open HTMLDetailsElement
dfn Instance de Définition flow ; phrasing phrasing phrasing * globaux HTMLElement
dialog Dialogue conversation          
dir remplacé par ul          
div Elément variable défini par l' auteur flow ; formatBlock candidate flow flow globaux HTMLDivElement
dl Groupe de liste de définition flow flow dt *; dd * globaux HTMLDListElement
dt Légende pour l' Elément(s) dd correspondants(s) none dl ; figure ; details varies* globaux HTMLElement
em Mise en évidence ( italique) flow ; phrasing phrasing phrasing globaux HTMLElement
embed Plugin Intégration d'objet multimédia flow ; phrasing ; embedded ; interactive phrasing vide globaux ; src ; type ; width ; height ; any* HTMLEmbedElement
fieldset Groupe d'élements d'un formulaire flow ; sectioning root ; listed ; form-associated flow legend *; flow globaux ; disabled ; form ; name HTMLFieldSetElement
figure Figure avec sous-titrage éventuel flow ; sectioning root flow dt *; dd * globaux HTMLElement
font gestion des polices de caractères du contenu          
footer Pied de page ou de section flow ; formatBlock candidate flow flow * globaux HTMLElement
form Formulaire soumis à l'utilisateur flow flow flow * globaux ; accept-charset ; action ; autocomplete ; enctype ; method ; name ; novalidate ; target HTMLFormElement
frame cadre d'une page          
frameset Ensemble de cadre          
h1 , h2 , h3 , h4 , h5 , h6 Entêtes de Sections flow ; heading ; formatBlock candidate hgroup ; flow phrasing globaux HTMLHeadingElement
head Section pour les metadates du document none html metadata content * globaux HTMLHeadElement
header Introduction ou aide à la navigation d'une page ou d'une section flow ; formatBlock candidate flow flow * globaux HTMLElement
hgroup groupement des entêtes flow ; heading ; formatBlock candidate flow One or more h1 , h2 , h3 , h4 , h5 , and/or h6 globaux HTMLElement
hr Ligne horizontale flow flow vide globaux HTMLHRElement
html Element de départ none none* head *; body * globaux ; manifest HTMLHtmlElement
i italique expression différente flow ; phrasing phrasing phrasing globaux HTMLElement
iframe Inclusion de Page externe flow ; phrasing ; embedded ; interactive phrasing text* globaux ; src ; name ; sandbox ; seamless ; width ; height HTMLIFrameElement
img Image flow ; phrasing ; embedded ; interactive * phrasing vide globaux ; alt ; src ; usemap ; ismap ; width ; height HTMLImageElement
input contrôle de formulaire flow ; phrasing ; interactive *; listed ; labelable ; submittable ; resettable ; form-associated phrasing vide globaux ; accept ; alt ; autocomplete ; autofocus ; checked ; disabled ; form ; formaction ; formenctype ; formmethod ; formnovalidate ; formtarget ; height ; list ; max ; maxlength ; min ; multiple ; name ; pattern ; placeholder ; readonly ; required ; size ; src ; step ; type ; value ; width HTMLInputElement
ins Ajout au document flow ; phrasing * phrasing transparent globaux ; cite ; datetime HTMLModElement
isindex recherche dans l' index          
kbd Contenu atttendu par l'utilisateur flow ; phrasing phrasing phrasing globaux HTMLElement
keygen Contrôle formulaire de demande de cle cryptée flow ; phrasing ; interactive ; listed ; labelable ; submittable ; resettable ; form-associated phrasing vide globaux ; autofocus ; challenge ; disabled ; form ; keytype ; name HTMLKeygenElement
label Définition d'un contrôle de formulaire flow ; phrasing ; interactive ; form-associated phrasing phrasing * globaux ; form ; for HTMLLabelElement
legend Légende de fieldset none fieldset phrasing globaux HTMLLegendElement
li Elément de Liste none ol ; ul ; menu flow globaux ; value * HTMLLIElement
link Liens vers documents à inclure metadata ; flow *; phrasing * head ; noscript *; phrasing * vide globaux ; href ; rel ; media ; hreflang ; type ; sizes HTMLLinkElement
map Image map flow ; phrasing * phrasing transparent ; area * globaux ; name HTMLMapElement
mark Mise en valeur flow ; phrasing phrasing phrasing globaux HTMLElement
menu Menu ou liste de commandes flow ; interactive * flow li *; flow globaux ; type ; label HTMLMenuElement
meta Texte metadata metadata ; flow *; phrasing * head ; noscript *; phrasing * vide globaux ; name ; http-equiv ; content ; charset HTMLMetaElement
meter Jauge flow ; phrasing ; labelable ; form-associated phrasing phrasing * globaux ; value ; min ; max ; low ; high ; optimum ; form HTMLMeterElement
nav Section contenant les éléments de navigation tel le menu flow ; sectioning ; formatBlock candidate flow flow globaux HTMLElement
noframe contenu pour navigateur ne sachant lire les frames          
noscript contenu pour navigateur ne sachant lire le script metadata ; flow ; phrasing head *; phrasing * varies* globaux HTMLElement
object Image, nested browsing context , ou plugin flow ; phrasing ; embedded ; interactive *; listed ; submittable ; form-associated phrasing param *; transparent globaux ; data ; type ; name ; usemap ; form ; width ; height HTMLObjectElement
ol Liste Ordonnée flow flow li globaux ; reversed ; start HTMLOListElement
optgroup Groupe d' options pour select none select option globaux ; disabled ; label HTMLOptGroupElement
option Option pour select ou datalist none select ; datalist ; optgroup text globaux ; disabled ; label ; selected ; value HTMLOptionElement
output Résultat calculé flow ; phrasing ; listed ; labelable ; resettable ; form-associated phrasing phrasing globaux ; for ; form ; name HTMLOutputElement
p Paragraphe flow ; formatBlock candidate flow phrasing globaux HTMLParagraphElement
param Paramètre pour object none object vide globaux ; name ; value HTMLParamElement
pre Texte pré-formaté flow ; formatBlock candidate flow phrasing globaux HTMLPreElement
progress Barre de Progression flow ; phrasing ; labelable ; form-associated phrasing phrasing * globaux ; value ; max ; form HTMLProgressElement
q Citation flow ; phrasing phrasing phrasing globaux ; cite HTMLQuoteElement
rp Parenthèses pour ruby texte d' annotation none ruby phrasing globaux HTMLElement
rt Ruby texte d' annotation none ruby phrasing globaux HTMLElement
ruby Ruby annotation(s) flow ; phrasing phrasing phrasing ; rt element; rp element* globaux HTMLElement
s contenu barré          
samp Example de sortie d'ordinateur ou programme flow ; phrasing phrasing phrasing globaux HTMLElement
script script inclus metadata ; flow ; phrasing head ; phrasing script, data, or script documentation* globaux ; src ; async ; defer ; type ; charset HTMLScriptElement
section Section générique d'un contenu spécifique flow ; sectioning ; formatBlock candidate flow flow globaux HTMLElement
select Boite de liste de choix flow ; phrasing ; interactive ; listed ; labelable ; submittable ; resettable ; form-associated phrasing option , optgroup globaux ; autofocus ; disabled ; form ; multiple ; name ; size HTMLSelectElement
small Commentaire secondaire affichage plus petit flow ; phrasing phrasing phrasing globaux HTMLElement
source Source Media pour video ou audio none video ; audio vide globaux ; src ; type ; media HTMLSourceElement
span Elément Generique de contenu définit par l' auteur flow ; phrasing phrasing phrasing globaux HTMLSpanElement
strike Contenu barré          
strong Taille plus grande contenu plus important flow ; phrasing phrasing phrasing globaux HTMLElement
style Informations de style incluses metadata ; flow head ; noscript *; flow * variable* globaux ; media ; type ; scoped HTMLStyleElement
sub Texte en indice flow ; phrasing phrasing phrasing globaux HTMLElement
sup Texte en exposant flow ; phrasing phrasing phrasing globaux HTMLElement
table Tableau flow flow caption *; colgroup *; thead *; tbody *; tfoot *; tr * globaux ; summary HTMLTableElement
tbody Groupe de lignes dans un tableau none table tr globaux HTMLTableSectionElement
td cellulle de Tableau sectioning root tr flow globaux ; colspan ; rowspan ; headers HTMLTableDataCellElement
textarea Champ multiligne de texte d'un formulaire flow ; phrasing ; interactive ; listed ; labelable ; submittable ; resettable ; form-associated phrasing text globaux ; autofocus ; cols ; disabled ; form ; maxlength ; name ; placeholder ; readonly ; required ; rows ; wrap HTMLTextAreaElement
tfoot Groupe de ligne de fin de tableau none table tr globaux HTMLTableSectionElement
th Champ d'entête de ligne d'un tableau none tr phrasing globaux ; colspan ; rowspan ; headers ; scope HTMLTableHeaderCellElement
thead Groupe de lignes d'entête d'un tableau none table tr globaux HTMLTableSectionElement
time Date ou Heure flow ; phrasing phrasing phrasing * globaux ; datetime ; pubdate HTMLTimeElement
title Titre du Document metadata head text globaux HTMLTitleElement
tr Colonne de Tableau none table ; thead ; tbody ; tfoot th *; td globaux HTMLTableRowElement
tt affichage mode telex          
u trait de souslignement          
ul Liste flow flow li globaux HTMLUListElement
var Variable flow ; phrasing phrasing phrasing globaux HTMLElement
video Lecteur Vidéo flow ; phrasing ; embedded ; interactive phrasing source *; transparent * globaux ; src ; poster ; autobuffer ; autoplay ; loop ; controls ; width ; height HTMLVideoElement

(*) indique que les roles sont plus complexes que ceux indiqués dans le tableau ci-dessus.

 

 


Copyright © 1997-2017 G. H. & Espace 2001 7, Fressigne - 23320 Bussière Dunoise - France - Tel: +33 (0) 970 408 150