We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

<body> : l'élément pour le corps du document

Aller à :
  1. Attributs
  2. Exemples
  3. Spécifications
  4. Compatibilité des navigateurs
  5. Voir aussi

L'élément <body> représente le contenu principal du document HTML. Il ne peux y avoir qu'un élément <body> par document.

Catégories de contenu Racine de section.
Contenu autorisé Contenu de flux.
Omission de balises La balise d'ouverture peut être omise si le premier élément n'est pas un caractère espace, un commentaire, un élément <script>, ou un élément <style>. La balise de fermeture peut être omise si l'élément <body> a un contenu ou une balise d'ouverture, et qu'il n'est pas immédiatement suivi d'un commentaire.
Parents autorisés Il doit être le second élément d'un élément <html>.
Rôles ARIA autorisés Aucun
Interface DOM HTMLBodyElement
  • L'élément <body> est accessible via l'interface HTMLBodyElement.
  • Il est possible d'accéder à l'élément body grâce à l'attribut document.body.

Attributs

Comme pour tous les autres éléments, on peut utiliser les attributs universels.

alink
La couleur du texte quand les liens hypertextes sont sélectionnés. La propriété CSS color doit être utilisé à la place avec la pseudo-classe :active.
background
L'URI d'une image à utiliser en tant qu'arrière-plan. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS background à la place.
bgcolor
Couleur d'arrière-plan pour le document. Cette méthode n'est pas conforme, utiliser la propriété CSS background-color sur l'élément à la place.
bottommargin
La marge à appliquer en bas du corps de la page. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS margin-bottom sur l'élément.
leftmargin
La marge à appliquer à gauche du corps de la page. Cette méthode n'est pas conforme. Il faut utiliser la propriété CSS margin-left à la place.
link
La couleur du texte à utiliser pour les liens non visités. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS color avec la pseudo-classe :link.
onafterprint HTML5
Fonction à appeler après que l'utilisateur ait imprimé le document.
onbeforeprint HTML5
Fonction à appeler lorsque l'utilisateur lance une impression du document.
onbeforeunload HTML5
Fonction à appeler avant que le document ne disparaisse.
onblur HTML5
Fonction à appeler quand le document perd le focus.
onerror HTML5
Fonction à appeler quand le document n'arrive pas à se charger correctement.
onfocus HTML5
Fonction à appeler quand le document reçoit le focus.
onhashchange HTML5
Fonction à appeler quand le fragment (la partie commençant avec le caractère #) de l'adresse actuelle du document, a changé.
onlanguagechange
Fonction à appeler lorsque les langues préférées ont été modifiées.
onload HTML5
Fonction à appeler quand le document a fini de charger.
onmessage HTML5
Fonction à appeler quand le document a reçu un message.
onoffline HTML5
Fonction à appeler quand la connexion réseau est perdue.
ononline HTML5
Fonction à appeler quand la connexion réseau est restaurée.
onpopstate HTML5
Fonction à appeler quand l'utilisateur se déplace dans son historique de session.
onredo HTML5
Fonction à appeler quand l'utilisateur avance et refait un élément de l'historique de transaction.
onresize HTML5
Fonction à appeler quand le document a été redimensionné.
onstorage HTML5
Fonction à appeler quand la zone de stockage a changée.
onundo HTML5
Fonction à appeler quand l'utilisateur recule et défait l'historique de transaction.
onunload HTML5
Fonction à appeler quand le document disparait.
rightmargin
La marge à appliquer à droite du corps de la page. Cette méthode n'est pas standard, il faut utiliser la propriété CSS margin-right sur l'élément à la place.
text
La couleur à utiliser pour la police du texte. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS color sur l'élément à la place.
topmargin
La marge à appliquer en haut du corps de la page. Cette méthohde n'est pas conforme, il faut utiliser la propriété CSS margin-top sur l'élément à la place.
vlink
La couleur de texte pour les liens hypertextes visités. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS color avec la pseudo-classe :visited.

Exemples

HTML

<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>Et là un paragraphe…</p>
  </body>
</html>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<body>' dans cette spécification.		 Standard évolutif Modification de la liste des fonctionnalités non conformes.
HTML5
La définition de '<body>' dans cette spécification.		 Recommendation Les attributs précédemment dépréciés sont désormais obsolètes. Définition du comportement des attributs non-conformes et non-standards margintop, marginleft, marginright et marginbottom.
HTML 4.01 Specification
La définition de '<body>' dans cette spécification.		 Recommendation Dépréciation des attributs alink, background, bgcolor, link, text et vlink.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1121 Oui Oui Oui
alink1121 Oui Oui Oui
background1121 Oui Oui Oui
bgcolor1121 Oui Oui Oui
bottommargin Oui Non351 Non Oui ?
leftmargin Oui Non351 Non Oui ?
link1121 Oui Oui Oui
onafterprint1121 Oui Oui Oui
onbeforeprint1121 Oui Oui Oui
onbeforeunload1121 Oui Oui Oui
onblur1121 Oui Oui Oui
onerror1121 Oui Oui Oui
onfocus1121 Oui Oui Oui
onhashchange1121 Oui Oui Oui
onlanguagechange ? Non32 Non ? ?
onload1121 Oui Oui Oui
onmessage1121 Oui Oui Oui
onoffline1121 Oui Oui Oui
ononline1121 Oui Oui Oui
onpopstate1121 Oui Oui Oui
onredo1121 Oui Oui Oui
onresize1121 Oui Oui Oui
onstorage1121 Oui Oui Oui
onundo1121 Oui Oui Oui
onunload1121 Oui Oui Oui
rightmargin Oui Non351 Non Oui ?
text1121 Oui Oui Oui
topmargin Oui Non351 Non Oui ?
vlink1121 Oui Oui Oui
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple Oui1124 Oui Oui Oui
alink Oui1124 Oui Oui Oui
background Oui1124 Oui Oui Oui
bgcolor Oui1124 Oui Oui Oui
bottommargin Oui Oui Non351 Oui ? Oui
leftmargin Oui Oui Non351 Oui ? Oui
link Oui1124 Oui Oui Oui
onafterprint Oui1124 Oui Oui Oui
onbeforeprint Oui1124 Oui Oui Oui
onbeforeunload Oui1124 Oui Oui Oui
onblur Oui1124 Oui Oui Oui
onerror Oui1124 Oui Oui Oui
onfocus Oui1124 Oui Oui Oui
onhashchange Oui1124 Oui Oui Oui
onlanguagechange ? ? Non32 ? ? ?
onload Oui1124 Oui Oui Oui
onmessage Oui1124 Oui Oui Oui
onoffline Oui1124 Oui Oui Oui
ononline Oui1124 Oui Oui Oui
onpopstate Oui1124 Oui Oui Oui
onredo Oui1124 Oui Oui Oui
onresize Oui1124 Oui Oui Oui
onstorage Oui1124 Oui Oui Oui
onundo Oui1124 Oui Oui Oui
onunload Oui1124 Oui Oui Oui
rightmargin Oui Oui Non351 Oui ? Oui
text Oui1124 Oui Oui Oui
topmargin Oui Oui Non351 Oui ? Oui
vlink Oui1124 Oui Oui Oui

1. Before Firefox 35, it was supported in Quirks Mode only.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, begmans, msherefel, tregagnon, Shz, ethertank
Dernière mise à jour par : SphinxKnight,