mozilla

Revision 399305 of <body>

  • Raccourci de la révision : HTML/Element/body
  • Titre de la révision : body
  • ID de la révision : 399305
  • Créé :
  • Créateur : tregagnon
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

Résumé

L'élément HTML <body> représente le contenu principal du document HTML, la partie affichée aux internautes. 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> à 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")}}

Attributs

Cet élément supporte les attributs globaux.

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("alink")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.
Couleur du texte quand les liens hypertextes sont sélectionnés.
{{htmlattrdef("background")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.
URI d'une image à utiliser en tant qu'arrière-plan.
{{htmlattrdef("bgcolor")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.
Couleur d'arrière-plan pour le document.
{{htmlattrdef("link")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.
Couleur du texte pour les liens hypertextes non visités.
{{htmlattrdef("onafterprint")}} {{HTMLVersionInline(5)}}
Fonction à appeler quand l'utilisateur a imprimé le document.
{{htmlattrdef("onbeforeprint")}} {{HTMLVersionInline(5)}}
Fonction à appeler quand 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("onload")}} {{HTMLVersionInline(5)}}
Fonction à appeler quand le document à 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("text")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.
Couleur du texte.
{{htmlattrdef("vlink")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.
Couleur de texte pour les liens hypertextes visités.

Exemple

Structure d'une page HTML très simple, utilisant <body> :

<!doctype html>
<html>
  <head>
    <title>Titre de la page</title>
  </head>
  <body>
    Contenu de la page
  </body>
</html>

Interface DOM

  • L'élément <body> expose l'interface {{domxref("HTMLBodyElement")}}.
  • Vous pouvez accéder à l'élément body par {{domxref("document.body")}}.

Spécifications

Spécification Statut Commentaires
{{SpecName('HTML WHATWG', 'sections.html#the-body-element', '<body>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}} {{Spec2('HTML4.01')}}  

Compatibilité des navigateurs

{{CompatibilityTable}}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base 1.0 {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support de base {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}

Voir également

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

{{HTML:Element_Navigation}}

Source de la révision

<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>L'élément HTML <code>&lt;body&gt;</code> représente le contenu principal du document HTML, la partie affichée aux internautes. 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>Racine de section.</li>
  <li><dfn>Contenu autorisé </dfn><a href="/fr/docs/HTML/Catégorie_de_contenu#Contenu_de_flux" title="HTML/Content categories#Flow content">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> à 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")}}</li>
</ul>
<h2 id="Attributs">Attributs</h2>
<p>Cet élément supporte les <a href="/fr/docs/HTML/Global_attributes" title="/fr/docs/HTML/Global_attributes">attributs globaux</a>.</p>
<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>
<dl>
  <dt>
    {{htmlattrdef("alink")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.</dt>
  <dd>
    Couleur du texte quand les liens hypertextes sont sélectionnés.</dd>
  <dt>
    {{htmlattrdef("background")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.</dt>
  <dd>
    URI d'une image à utiliser en tant qu'arrière-plan.</dd>
  <dt>
    {{htmlattrdef("bgcolor")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.</dt>
  <dd>
    Couleur d'arrière-plan pour le document.</dd>
  <dt>
    {{htmlattrdef("link")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.</dt>
  <dd>
    Couleur du texte pour les liens hypertextes non visités.</dd>
  <dt>
    {{htmlattrdef("onafterprint")}} {{HTMLVersionInline(5)}}</dt>
  <dd>
    Fonction à appeler quand l'utilisateur a imprimé le document.</dd>
  <dt>
    {{htmlattrdef("onbeforeprint")}} {{HTMLVersionInline(5)}}</dt>
  <dd>
    Fonction à appeler quand 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("onload")}} {{HTMLVersionInline(5)}}</dt>
  <dd>
    Fonction à appeler quand le document à 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("text")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.</dt>
  <dd>
    Couleur du texte.</dd>
  <dt>
    {{htmlattrdef("vlink")}} {{deprecatedGeneric("inline","html4.01")}}, {{obsoleteGeneric("inline","html5")}} ; utilisez à la place CSS.</dt>
  <dd>
    Couleur de texte pour les liens hypertextes visités.</dd>
</dl>
<h2 id="Exemple">Exemple</h2>
<p>Structure d'une page HTML très simple, utilisant <code>&lt;body&gt;</code> :</p>
<pre class="brush: html">
&lt;!doctype html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Titre de la page&lt;/title&gt;
  &lt;/head&gt;
 &nbsp;&lt;body&gt;
    Contenu de la page
  &lt;/body&gt;
&lt;/html&gt;</pre>
<h2 id="Interface_DOM">Interface DOM</h2>
<ul>
  <li>L'élément <code>&lt;body&gt;</code> expose l'interface {{domxref("HTMLBodyElement")}}.</li>
  <li>Vous pouvez accéder à l'élément body par {{domxref("document.body")}}.</li>
</ul>
<h2 id="Sp.C3.A9cifications">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>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '&lt;body&gt;')}}</td>
      <td>{{Spec2('HTML5 W3C')}}</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '&lt;body&gt;')}}</td>
      <td>{{Spec2('HTML4.01')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Compatibilit.C3.A9_des_navigateurs">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 de base</td>
        <td>1.0</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</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 de base</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<ul>
  <li>{{HTMLElement("html")}}</li>
  <li>{{HTMLElement("head")}}</li>
</ul>
<p>{{HTML:Element_Navigation}}</p>
Revenir à cette révision