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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨juillet 2015⁩.

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

Attributs

Cet élément inclut les attributs universels.

Note : Chacun des noms d'attributs d'événement ci-dessous est lié à son événement équivalent de l'interface Window. Vous pouvez écouter ces événements en utilisant addEventListener() au lieu d'ajouter l'attribut oneventname à l'élément <body>.

onafterprint: Fonction appelée après que l'utilisateur·rice a imprimé le document.
onbeforeprint: Fonction appelée lorsque l'utilisateur·rice demande l'impression du document.
onbeforeunload: Fonction appelée lorsque le document est sur le point d'être déchargé.
onblur: Fonction appelée lorsque le document perd le focus.
onerror: Fonction appelée lorsque le document n'a pas pu se charger correctement.
onfocus: Fonction appelée lorsque le document reçoit le focus.
onhashchange: Fonction appelée lorsque la partie identifiant de fragment (commençant par le caractère dièse ('#')) de l'adresse courante du document a changé.
onlanguagechange: Fonction appelée lorsque les langues préférées ont changé.
onload: Fonction appelée lorsque le document a fini de se charger.
onmessage: Fonction appelée lorsque le document a reçu un message.
onmessageerror: Fonction appelée lorsque le document a reçu un message qui ne peut pas être désérialisé.
onoffline: Fonction appelée lorsque la communication réseau a échoué.
ononline: Fonction appelée lorsque la communication réseau a été rétablie.
onpageswap: Fonction appelée lors de la navigation entre des documents, lorsque le document précédent est sur le point d'être déchargé.
onpagehide: Fonction appelée lorsque le navigateur masque la page courante lors de l'affichage d'une autre page de l'historique de session.
onpagereveal: Fonction 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.
onpageshow: Fonction appelée lorsque le navigateur affiche le document de la fenêtre suite à une navigation.
onpopstate: Fonction appelée lorsque l'utilisateur·rice a navigué dans l'historique de session.
onresize: Fonction appelée lorsque le document a été redimensionné.
onrejectionhandled: Fonction appelée lorsqu'une Promise JavaScript est gérée tardivement.
onstorage: Fonction appelée lorsque la zone de stockage a changé.
onunhandledrejection: Fonction appelée lorsqu'une Promise JavaScript sans gestionnaire de rejet est rejetée.
onunload Obsolète: Fonction 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.

alink Obsolète: Couleur du texte des liens hypertexte lorsqu'ils sont sélectionnés. Utilisez la propriété CSS color avec les pseudo-classes :active et :focus à la place.
background Obsolète: URI d'une image à utiliser comme arrière-plan. Utilisez la propriété CSS background-image à la place.
bgcolor Obsolète: Couleur d'arrière-plan du document. Utilisez la propriété CSS background-color à la place.
bottommargin Obsolète: Marge inférieure du body. Utilisez la propriété CSS margin-bottom (ou la propriété logique margin-block-end) à la place.
leftmargin Obsolète: Marge gauche du body. Utilisez la propriété CSS margin-left (ou la propriété logique margin-inline-start) à la place.
link Obsolète: Couleur du texte des liens hypertexte non visités. Utilisez la propriété CSS color avec la pseudo-classe :link à la place.
rightmargin Obsolète: Marge droite du body. Utilisez la propriété CSS margin-right (ou la propriété logique margin-inline-end) à la place.
text Obsolète: Couleur du texte. Utilisez la propriété CSS color à la place.
topmargin Obsolète: Marge supérieure du body. Utilisez la propriété CSS margin-top (ou la propriété logique margin-block-start) à la place.
vlink Obsolète: Couleur du texte des liens hypertexte visités. Utilisez la propriété CSS color avec la pseudo-classe :visited à la place.

Exemples

html

<html lang="fr">
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>
      L'élément <code>&lt;body&gt;</code> HTML représente le contenu d'un
      document HTML. Il ne peut y avoir qu'un seul élément
      <code>&lt;body&gt;</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	Aucun `role` autorisé
Interface DOM	`HTMLBodyElement` L'élément `<body>` expose l'interface `HTMLBodyElement`. Vous pouvez accéder à l'élément `<body>` via la propriété `document.body`.

Spécifications

Specification
HTML # the-body-element

Compatibilité des navigateurs

Voir aussi

Help improve MDN

Learn how to contribute

This page was last modified on ⁨6 oct. 2025⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content