L'élément <body> représente le contenu principal du document HTML. Il ne peut 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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
alink
Obsolète
Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
background
Obsolète
Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
bgcolor
Obsolète
Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
bottommargin
Obsolète
Chrome Support complet OuiEdge Aucun support NonFirefox Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
IE Aucun support NonOpera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Aucun support NonFirefox Android Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
Opera Android Support complet OuiSafari iOS ? Samsung Internet Android Support complet Oui
leftmargin
Obsolète
Chrome Support complet OuiEdge Aucun support NonFirefox Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
IE Aucun support NonOpera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Aucun support NonFirefox Android Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
Opera Android Support complet OuiSafari iOS ? Samsung Internet Android Support complet Oui
link
Obsolète
Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onafterprintChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onbeforeprintChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onbeforeunloadChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onblurChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onerrorChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onfocusChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onhashchangeChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onlanguagechange
Expérimentale
Chrome ? Edge Aucun support NonFirefox Support complet 32IE Aucun support NonOpera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile Aucun support NonFirefox Android Support complet 32Opera Android ? Safari iOS ? Samsung Internet Android ?
onloadChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onmessageChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onofflineChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
ononlineChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onpopstateChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onredoChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onresizeChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onstorageChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onundoChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
onunloadChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
rightmargin
Obsolète
Chrome Support complet OuiEdge Aucun support NonFirefox Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
IE Aucun support NonOpera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Aucun support NonFirefox Android Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
Opera Android Support complet OuiSafari iOS ? Samsung Internet Android Support complet Oui
text
Obsolète
Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
topmargin
Obsolète
Chrome Support complet OuiEdge Aucun support NonFirefox Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
IE Aucun support NonOpera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Aucun support NonFirefox Android Support complet 35
Notes
Support complet 35
Notes
Notes Before Firefox 35, it was supported in Quirks Mode only.
Opera Android Support complet OuiSafari iOS ? Samsung Internet Android Support complet Oui
vlink
Obsolète
Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet 18Edge Mobile Support complet 12Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Étiquettes et contributeurs liés au document

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