Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
<body> : l'élément pour le corps du document
Baseline Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élémentHTML<body> représente le contenu principal du document HTML. Il ne peut y avoir qu'un élément<body> par document.
Dans cet article
Attributs
Cet élément inclutles attributs universels.
Attributs d'événement
Note :Chacun des noms d'attributs d'événement ci-dessous est lié à son événement équivalent de l'interfaceWindow. Vous pouvez écouter ces événements en utilisantaddEventListener() au lieu d'ajouter l'attributoneventname à l'élément<body>.
onafterprintFonction appelée après que l'utilisateur·rice a imprimé le document.
onbeforeprintFonction appelée lorsque l'utilisateur·rice demande l'impression du document.
onbeforeunloadFonction appelée lorsque le document est sur le point d'être déchargé.
onblurFonction appelée lorsque le document perd le focus.
onerrorFonction appelée lorsque le document n'a pas pu se charger correctement.
onfocusFonction appelée lorsque le document reçoit le focus.
onhashchangeFonction appelée lorsque la partie identifiant de fragment (commençant par le caractère dièse (
'#')) de l'adresse courante du document a changé.onlanguagechangeFonction appelée lorsque les langues préférées ont changé.
onloadFonction appelée lorsque le document a fini de se charger.
onmessageFonction appelée lorsque le document a reçu un message.
onmessageerrorFonction appelée lorsque le document a reçu un message qui ne peut pas être désérialisé.
onofflineFonction appelée lorsque la communication réseau a échoué.
ononlineFonction appelée lorsque la communication réseau a été rétablie.
onpageswapFonction appelée lors de la navigation entre des documents, lorsque le document précédent est sur le point d'être déchargé.
onpagehideFonction appelée lorsque le navigateur masque la page courante lors de l'affichage d'une autre page de l'historique de session.
onpagerevealFonction appelée lorsqu'un document est affiché pour la première fois, soit lors du chargement d'un nouveau document depuis le réseau, soit lors de l'activation d'un document.
onpageshowFonction appelée lorsque le navigateur affiche le document de la fenêtre suite à une navigation.
onpopstateFonction appelée lorsque l'utilisateur·rice a navigué dans l'historique de session.
onresizeFonction appelée lorsque le document a été redimensionné.
onrejectionhandledFonction appelée lorsqu'une
PromiseJavaScript est gérée tardivement.onstorageFonction appelée lorsque la zone de stockage a changé.
onunhandledrejectionFonction appelée lorsqu'une
PromiseJavaScript sans gestionnaire de rejet est rejetée.onunloadObsolèteFonction appelée lorsque le document va être fermé.
Attributs obsolètes
Attention :N'utilisez pas ces attributs obsolètes ; privilégiez les alternatives CSS listées pour chaque attribut obsolète.
alinkObsolèteCouleur du texte des liens hypertexte lorsqu'ils sont sélectionnés.Utilisez la propriété CSS
coloravec les pseudo-classes:activeet:focusà la place.backgroundObsolèteURI d'une image à utiliser comme arrière-plan.Utilisez la propriété CSS
background-imageà la place.bgcolorObsolèteCouleur d'arrière-plan du document.Utilisez la propriété CSS
background-colorà la place.bottommarginObsolèteMarge inférieure du body.Utilisez la propriété CSS
margin-bottom(ou la propriété logiquemargin-block-end) à la place.leftmarginObsolèteMarge gauche du body.Utilisez la propriété CSS
margin-left(ou la propriété logiquemargin-inline-start) à la place.linkObsolèteCouleur du texte des liens hypertexte non visités.Utilisez la propriété CSS
coloravec la pseudo-classe:linkà la place.rightmarginObsolèteMarge droite du body.Utilisez la propriété CSS
margin-right(ou la propriété logiquemargin-inline-end) à la place.textObsolèteCouleur du texte.Utilisez la propriété CSS
colorà la place.topmarginObsolèteMarge supérieure du body.Utilisez la propriété CSS
margin-top(ou la propriété logiquemargin-block-start) à la place.vlinkObsolèteCouleur du texte des liens hypertexte visités.Utilisez la propriété CSS
coloravec la pseudo-classe:visitedà la place.
Exemples
<html lang="fr"> <head> <title>Titre du document</title> </head> <body> <p> L'élément <code><body></code> HTML représente le contenu d'un document HTML. Il ne peut y avoir qu'un seul élément <code><body></code> dans un document. </p> </body></html>Résultat
Résumé technique
| Catégories de contenu | Aucune. |
|---|---|
| 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ôle ARIA implicite | generic |
| Rôles ARIA autorisés | Aucunrole autorisé |
| Interface DOM | HTMLBodyElement
|
Spécifications
| Specification |
|---|
| HTML> # the-body-element> |
Compatibilité des navigateurs
Voir aussi
- L'élément
<html> - L'élément
<head> - Aperçu de la gestion des événements