Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1073322 of <body>

  • Raccourci de la révision : Web/HTML/Element/body
  • Titre de la révision : <body>
  • ID de la révision : 1073322
  • Créé :
  • Créateur : begmans
  • Version actuelle ? Oui
  • Commentaire

Contenu de la révision

{{HTMLRef}}

Résumé

L'élément HTML Body <body> représente le contenu principal du document HTML. Il n'y a 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 d'espace, un commentaire, un élément {{HTMLElement("script")}}, ou un élément {{HTMLElement("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.
  • Éléments parents autorisés Il doit être le second élément d'un élément {{HTMLElement("html")}}.
  • Interface DOM {{domxref("HTMLBodyElement")}}
    • L'élément <body> est accessible via l'interface {{domxref("HTMLBodyElement")}}.
    • Il est possible d'accéder à l'élément body grâce à l'attribut {{domxref("document.body")}}.

Attributs

Cet élément supporte les attributs globaux.

{{htmlattrdef("alink")}} {{obsolete_inline}}
La couleur du texte quand les liens hypertextes sont sélectionnés. La propriété CSS {{cssxref("color")}} doit être utilisé à la place avec la pseudo-classe {{cssxref(":active")}}.
{{htmlattrdef("background")}} {{obsolete_inline}}
L'URI d'une image à utiliser en tant qu'arrière-plan. Cette méthode n'est pas conforme, utiliser la propriété {{cssxref("background")}} à la place.

Note : À partir de Gecko 7.0 {{geckoRelease("7.0")}}, background n'est plus interprété comme une URI, mais comme une simple chaîne de caractères.

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

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '<body>')}} {{Spec2('HTML WHATWG')}} Modification de la liste des fonctionnalités non conformes.
{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}} {{Spec2('HTML5 W3C')}} 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.
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}} {{Spec2('HTML4.01')}} Dépréciation des attributs alink, background, bgcolor, link, text et vlink.

Compatibilité des navigateurs

{{CompatibilityTable}}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 1.0 {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
onlanguagechange {{CompatUnknown}} {{CompatGeckoDesktop("32")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
bottommargin, leftmargin, rightmargin, topmargin {{obsolete_inline}} {{CompatVersionUnknown}} {{CompatGeckoDesktop("35")}} [1] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
onlanguagechange {{CompatUnknown}} {{CompatGeckoMobile("32")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
bottommargin, leftmargin, rightmargin, topmargin {{obsolete_inline}} {{CompatVersionUnknown}} {{CompatGeckoMobile("35")}} [1] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}

[1] Auparavant supporté uniquement en mode Quirk.

Voir aussi

  • {{HTMLElement("html")}}
  • {{HTMLElement("head")}}

Source de la révision

<div>{{HTMLRef}}</div>

<h2 id="Résumé">Résumé</h2>

<p>L'<strong>élément HTML <em>Body</em> <code>&lt;body&gt;</code></strong> représente le contenu principal du document HTML. Il n'y a qu'un élément <code>&lt;body&gt;</code> par document.</p>

<ul class="htmlelt">
 <li><dfn><a href="/fr/docs/HTML/Catégorie_de_contenu" title="/fr/docs/HTML/Catégorie_de_contenu">Catégories de contenu</a> </dfn><a href="/fr/docs/Web/HTML/Sections_and_Outlines_of_an_HTML5_document#Racines_de_sectionnement">Racine de section</a>.</li>
 <li><dfn>Contenu autorisé </dfn><a href="/fr/docs/Web/HTML/Catégorie_de_contenu#Contenu_de_flux">Contenu de flux</a>.</li>
 <li><dfn>Omission de balises </dfn>La balise d'ouverture peut être omise si le premier élément n'est pas un caractère d'espace, un commentaire, un élément {{HTMLElement("script")}}, ou un élément {{HTMLElement("style")}}. La balise de fermeture peut être omise si l'élément <code>&lt;body&gt;</code> a un contenu ou une balise d'ouverture, et qu'il n'est pas immédiatement suivi d'un commentaire.</li>
 <li><dfn>Éléments parents autorisés </dfn>Il doit être le second élément d'un élément {{HTMLElement("html")}}.</li>
 <li><dfn>Interface DOM </dfn> {{domxref("HTMLBodyElement")}}
  <ul>
   <li>L'élément <code>&lt;body&gt;</code> est accessible via l'interface {{domxref("HTMLBodyElement")}}.</li>
   <li>Il est possible d'accéder à l'élément body grâce à l'attribut {{domxref("document.body")}}.</li>
  </ul>
 </li>
</ul>

<h2 id="Attributs">Attributs</h2>

<p>Cet élément supporte les <a href="/fr/docs/Web/HTML/Attributs_globaux">attributs globaux</a>.</p>

<dl>
 <dt>{{htmlattrdef("alink")}} {{obsolete_inline}}</dt>
 <dd>La couleur du texte quand les liens hypertextes sont sélectionnés. La propriété CSS {{cssxref("color")}} doit être utilisé à la place avec la pseudo-classe {{cssxref(":active")}}.</dd>
 <dt>{{htmlattrdef("background")}} {{obsolete_inline}}</dt>
 <dd>L'URI d'une image à utiliser en tant qu'arrière-plan. Cette méthode n'est pas conforme, utiliser la propriété {{cssxref("background")}} à la place.
 <div class="note">
 <p><strong>Note :</strong> À partir de Gecko 7.0 {{geckoRelease("7.0")}}, <code>background</code> n'est plus interprété comme une URI, mais comme une simple chaîne de caractères.</p>
 </div>
 </dd>
 <dt>{{htmlattrdef("bgcolor")}} {{obsolete_inline}}</dt>
 <dd>Couleur d'arrière-plan pour le document. Cette méthode n'est pas conforme, utiliser la propriété CSS {{cssxref("background-color")}} sur l'élément à la place.</dd>
 <dt>{{htmlattrdef("bottommargin")}} {{obsolete_inline}}</dt>
 <dd>La marge à appliquer en bas du corps de la page. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("margin-bottom")}} sur l'élément.</dd>
 <dt>{{htmlattrdef("leftmargin")}} {{obsolete_inline}}</dt>
 <dd>La marge à appliquer à gauche du corps de la page. Cette méthode n'est pas conforme. Il faut utiliser la propriété CSS {{cssxref("margin-left")}} à la place.</dd>
 <dt>{{htmlattrdef("link")}} {{obsolete_inline}}</dt>
 <dd>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 {{cssxref("color")}} avec la pseudo-classe {{cssxref(":link")}}.</dd>
 <dt>{{htmlattrdef("onafterprint")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler après que l'utilisateur ait imprimé le document.</dd>
 <dt>{{htmlattrdef("onbeforeprint")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler lorsque l'utilisateur lance une impression du document.</dd>
 <dt>{{htmlattrdef("onbeforeunload")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler avant que le document ne disparaisse.</dd>
 <dt>{{htmlattrdef("onblur")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le document perd le focus.</dd>
 <dt>{{htmlattrdef("onerror")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le document n'arrive pas à se charger correctement.</dd>
 <dt>{{htmlattrdef("onfocus")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le document reçoit le focus.</dd>
 <dt>{{htmlattrdef("onhashchange")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le fragment (la partie commençant avec le caractère #) de l'adresse actuelle du document, a changé.</dd>
 <dt>{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}</dt>
 <dd>Fonction à appeler lorsque les langues préférées ont été modifiées.</dd>
 <dt>{{htmlattrdef("onload")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le document a fini de charger.</dd>
 <dt>{{htmlattrdef("onmessage")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le document a reçu un message.</dd>
 <dt>{{htmlattrdef("onoffline")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand la connexion réseau est perdue.</dd>
 <dt>{{htmlattrdef("ononline")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand la connexion réseau est restaurée.</dd>
 <dt>{{htmlattrdef("onpopstate")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand l'utilisateur se déplace dans son historique de session.</dd>
 <dt>{{htmlattrdef("onredo")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand l'utilisateur avance et refait un élément de l'historique de transaction.</dd>
 <dt>{{htmlattrdef("onresize")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le document a été redimensionné.</dd>
 <dt>{{htmlattrdef("onstorage")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand la zone de stockage a changée.</dd>
 <dt>{{htmlattrdef("onundo")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand l'utilisateur recule et défait l'historique de transaction.</dd>
 <dt>{{htmlattrdef("onunload")}} {{HTMLVersionInline(5)}}</dt>
 <dd>Fonction à appeler quand le document disparait.</dd>
 <dt>{{htmlattrdef("rightmargin")}} {{obsolete_inline}}</dt>
 <dd>La marge à appliquer à droite du corps de la page. Cette méthode n'est pas standard, il faut utiliser la propriété CSS {{cssxref("margin-right")}} sur l'élément à la place.</dd>
 <dt>{{htmlattrdef("text")}} {{obsolete_inline}}</dt>
 <dd>La couleur à utiliser pour la police du texte. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("color")}} sur l'élément à la place.</dd>
 <dt>{{htmlattrdef("topmargin")}} {{obsolete_inline}}</dt>
 <dd>La marge à appliquer en haut du corps de la page. Cette méthohde n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("margin-top")}} sur l'élément à la place.</dd>
 <dt>{{htmlattrdef("vlink")}} {{obsolete_inline}}</dt>
 <dd>La couleur de texte pour les liens hypertextes visités. Cette méthode n'est pas conforme, il faut utiliser la propriété CSS {{cssxref("color")}} avec la pseudo-classe {{cssxref(":visited")}}.</dd>
</dl>

<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaires</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Modification de la liste des fonctionnalités non conformes.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>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 <strong>margintop</strong>, <strong>marginleft</strong>, <strong>marginright</strong> et <strong>marginbottom</strong><strong>.</strong></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Dépréciation des attributs <strong>alink</strong>, <strong>background</strong>, <strong>bgcolor</strong>, <strong>link</strong>, <strong>text</strong> et <strong>vlink</strong>.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité des navigateurs</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Fonctionnalité</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Support simple</td>
   <td>1.0</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>onlanguagechange</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("32")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("35")}} [1]</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Fonctionnalité</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Support simple</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td><code>onlanguagechange</code></td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("32")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td><code>bottommargin</code>, <code>leftmargin</code>, <code>rightmargin</code>, <code>topmargin</code> {{obsolete_inline}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("35")}} [1]</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Auparavant supporté uniquement en mode Quirk.</p>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>{{HTMLElement("html")}}</li>
 <li>{{HTMLElement("head")}}</li>
</ul>
Revenir à cette révision