diff options
Diffstat (limited to 'files/fr/web/html/element/body/index.md')
| -rw-r--r-- | files/fr/web/html/element/body/index.md | 224 |
1 files changed, 132 insertions, 92 deletions
diff --git a/files/fr/web/html/element/body/index.md b/files/fr/web/html/element/body/index.md index 2a6b8139d5..153e74b19d 100644 --- a/files/fr/web/html/element/body/index.md +++ b/files/fr/web/html/element/body/index.md @@ -11,31 +11,61 @@ tags: translation_of: Web/HTML/Element/body browser-compat: html.elements.body --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<p>L'élément HTML <strong><code><body></code></strong> représente le contenu principal du document HTML. Il ne peut y avoir qu'un élément <code><body></code> par document.</p> +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. <table class="properties"> <tbody> <tr> - <th scope="row"><a href="/fr/docs/Web/Guide/HTML/Content_categories">Catégories de contenu</a></th> - <td><a href="/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#sectioning_roots">Racine de section</a>.</td> + <th scope="row"> + <a href="/fr/docs/Web/Guide/HTML/Content_categories" + >Catégories de contenu</a + > + </th> + <td> + <a + href="/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#sectioning_roots" + >Racine de section</a + >. + </td> </tr> <tr> <th scope="row">Contenu autorisé</th> - <td><a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">Contenu de flux</a>.</td> + <td> + <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" + >Contenu de flux</a + >. + </td> </tr> <tr> <th scope="row">Omission de balises</th> - <td>La balise d'ouverture peut être omise si le premier élément n'est pas un caractère espace, un commentaire, un élément <a href="/fr/docs/Web/HTML/Element/script"><code><script></code></a>, ou un élément <a href="/fr/docs/Web/HTML/Element/style"><code><style></code></a>. La balise de fermeture peut être omise si l'élément <code><body></code> a un contenu ou une balise d'ouverture, et qu'il n'est pas immédiatement suivi d'un commentaire.</td> + <td> + La balise d'ouverture peut être omise si le premier élément n'est pas un + caractère espace, un commentaire, un élément + <a href="/fr/docs/Web/HTML/Element/script"><code><script></code></a + >, ou un élément + <a href="/fr/docs/Web/HTML/Element/style"><code><style></code></a + >. La balise de fermeture peut être omise si l'élément + <code><body></code> a un contenu ou une balise d'ouverture, et + qu'il n'est pas immédiatement suivi d'un commentaire. + </td> </tr> <tr> <th scope="row">Parents autorisés</th> - <td>Il doit être le second élément d'un élément <a href="/fr/docs/Web/HTML/Element/html"><code><html></code></a>.</td> + <td> + Il doit être le second élément d'un élément + <a href="/fr/docs/Web/HTML/Element/html"><code><html></code></a + >. + </td> </tr> <tr> <th scope="row">Rôle ARIA implicite</th> - <td><a href="/fr/docs/Web/Accessibility/ARIA/Roles/Document_Role">document</a></td> + <td> + <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Document_Role" + >document</a + > + </td> </tr> <tr> <th scope="row">Rôles ARIA autorisés</th> @@ -43,102 +73,112 @@ browser-compat: html.elements.body </tr> <tr> <th scope="row">Interface DOM</th> - <td><a href="/fr/docs/Web/API/HTMLBodyElement"><code>HTMLBodyElement</code></a> - <ul> - <li>L'élément <code><body></code> est accessible via l'interface <a href="/fr/docs/Web/API/HTMLBodyElement"><code>HTMLBodyElement</code></a>.</li> - <li>Il est possible d'accéder à l'élément body grâce à l'attribut <a href="/fr/docs/Web/API/Document/body"><code>document.body</code></a>.</li> - </ul> + <td> + <a href="/fr/docs/Web/API/HTMLBodyElement" + ><code>HTMLBodyElement</code></a + > + <ul> + <li> + L'élément <code><body></code> est accessible via l'interface + <a href="/fr/docs/Web/API/HTMLBodyElement" + ><code>HTMLBodyElement</code></a + >. + </li> + <li> + Il est possible d'accéder à l'élément body grâce à l'attribut + <a href="/fr/docs/Web/API/Document/body" + ><code>document.body</code></a + >. + </li> + </ul> </td> </tr> </tbody> </table> -<h2 id="attributes">Attributs</h2> +## Attributs -<p>Comme pour tous les autres éléments, on peut utiliser <a href="/fr/docs/Web/HTML/Global_attributes">les attributs universels</a>.</p> +Comme pour tous les autres éléments, on peut utiliser [les attributs universels](/fr/docs/Web/HTML/Global_attributes). -<dl> - <dt><strong><code>alink</code></strong> {{deprecated_inline}}</dt> - <dd>La couleur du texte quand les liens hypertextes sont sélectionnés. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> à la place avec la pseudo-classe <a href="/fr/docs/Web/CSS/:active"><code>:active</code></a>.</dd> - <dt><strong><code>background</code></strong> {{deprecated_inline}}</dt> - <dd>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 <a href="/fr/docs/Web/CSS/background"><code>background</code></a> à la place.</dd> - <dt><strong><code>bgcolor</code></strong> {{deprecated_inline}}</dt> - <dd>Couleur d'arrière-plan pour le document. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/background-color"><code>background-color</code></a> sur l'élément à la place.</dd> - <dt><strong><code>bottommargin</code></strong> {{deprecated_inline}}</dt> - <dd>La marge à appliquer en bas du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-bottom"><code>margin-bottom</code></a> sur l'élément.</dd> - <dt><strong><code>leftmargin</code></strong> {{deprecated_inline}}</dt> - <dd>La marge à appliquer à gauche du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-left"><code>margin-left</code></a> à la place.</dd> - <dt><strong><code>link</code></strong> {{deprecated_inline}}</dt> - <dd>La couleur du texte à utiliser pour les liens non visités. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> avec la pseudo-classe <a href="/fr/docs/Web/CSS/:link"><code>:link</code></a>.</dd> - <dt><strong><code>onafterprint</code></strong></dt> - <dd>Fonction à appeler après que l'utilisateur ait imprimé le document.</dd> - <dt><strong><code>onbeforeprint</code></strong></dt> - <dd>Fonction à appeler lorsque l'utilisateur lance une impression du document.</dd> - <dt><strong><code>onbeforeunload</code></strong></dt> - <dd>Fonction à appeler avant que le document ne disparaisse.</dd> - <dt><strong><code>onblur</code></strong></dt> - <dd>Fonction à appeler quand le document perd le focus.</dd> - <dt><strong><code>onerror</code></strong></dt> - <dd>Fonction à appeler quand le document n'arrive pas à se charger correctement.</dd> - <dt><strong><code>onfocus</code></strong></dt> - <dd>Fonction à appeler quand le document reçoit le focus.</dd> - <dt><strong><code>onhashchange</code></strong></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><strong><code>onlanguagechange</code></strong> {{experimental_inline}}</dt> - <dd>Fonction à appeler lorsque les langues préférées ont été modifiées.</dd> - <dt><strong><code>onload</code></strong></dt> - <dd>Fonction à appeler quand le document a fini de charger.</dd> - <dt><strong><code>onmessage</code></strong></dt> - <dd>Fonction à appeler quand le document a reçu un message.</dd> - <dt><strong><code>onoffline</code></strong></dt> - <dd>Fonction à appeler quand la connexion réseau est perdue.</dd> - <dt><strong><code>ononline</code></strong></dt> - <dd>Fonction à appeler quand la connexion réseau est restaurée.</dd> - <dt><strong><code>onpopstate</code></strong></dt> - <dd>Fonction à appeler quand l'utilisateur se déplace dans son historique de session.</dd> - <dt><strong><code>onredo</code></strong></dt> - <dd>Fonction à appeler quand l'utilisateur avance et refait un élément de l'historique de transaction.</dd> - <dt><strong><code>onresize</code></strong></dt> - <dd>Fonction à appeler quand le document a été redimensionné.</dd> - <dt><strong><code>onstorage</code></strong></dt> - <dd>Fonction à appeler quand la zone de stockage a changée.</dd> - <dt><strong><code>onundo</code></strong></dt> - <dd>Fonction à appeler quand l'utilisateur recule et défait l'historique de transaction.</dd> - <dt><strong><code>onunload</code></strong></dt> - <dd>Fonction à appeler quand le document disparait.</dd> - <dt><strong><code>rightmargin</code></strong> {{deprecated_inline}}</dt> - <dd>La marge à appliquer à droite du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-right"><code>margin-right</code></a> sur l'élément à la place.</dd> - <dt><strong><code>text</code></strong> {{deprecated_inline}}</dt> - <dd>La couleur à utiliser pour la police du texte. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> sur l'élément à la place.</dd> - <dt><strong><code>topmargin</code></strong> {{deprecated_inline}}</dt> - <dd>La marge à appliquer en haut du corps de la page. Cette méthohde n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/margin-top"><code>margin-top</code></a> sur l'élément à la place.</dd> - <dt><strong><code>vlink</code></strong> {{deprecated_inline}}</dt> - <dd>La couleur de texte pour les liens hypertextes visités. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS <a href="/fr/docs/Web/CSS/color"><code>color</code></a> avec la pseudo-classe <a href="/fr/docs/Web/CSS/:visited"><code>:visited</code></a>.</dd> -</dl> +- **`alink`** {{deprecated_inline}} + - : La couleur du texte quand les liens hypertextes sont sélectionnés. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`color`](/fr/docs/Web/CSS/color) à la place avec la pseudo-classe [`:active`](/fr/docs/Web/CSS/:active). +- **`background`** {{deprecated_inline}} + - : 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`](/fr/docs/Web/CSS/background) à la place. +- **`bgcolor`** {{deprecated_inline}} + - : Couleur d'arrière-plan pour le document. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`background-color`](/fr/docs/Web/CSS/background-color) sur l'élément à la place. +- **`bottommargin`** {{deprecated_inline}} + - : La marge à appliquer en bas du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`margin-bottom`](/fr/docs/Web/CSS/margin-bottom) sur l'élément. +- **`leftmargin`** {{deprecated_inline}} + - : La marge à appliquer à gauche du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`margin-left`](/fr/docs/Web/CSS/margin-left) à la place. +- **`link`** {{deprecated_inline}} + - : La couleur du texte à utiliser pour les liens non visités. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`color`](/fr/docs/Web/CSS/color) avec la pseudo-classe [`:link`](/fr/docs/Web/CSS/:link). +- **`onafterprint`** + - : Fonction à appeler après que l'utilisateur ait imprimé le document. +- **`onbeforeprint`** + - : Fonction à appeler lorsque l'utilisateur lance une impression du document. +- **`onbeforeunload`** + - : Fonction à appeler avant que le document ne disparaisse. +- **`onblur`** + - : Fonction à appeler quand le document perd le focus. +- **`onerror`** + - : Fonction à appeler quand le document n'arrive pas à se charger correctement. +- **`onfocus`** + - : Fonction à appeler quand le document reçoit le focus. +- **`onhashchange`** + - : Fonction à appeler quand le fragment (la partie commençant avec le caractère #) de l'adresse actuelle du document, a changé. +- **`onlanguagechange`** {{experimental_inline}} + - : Fonction à appeler lorsque les langues préférées ont été modifiées. +- **`onload`** + - : Fonction à appeler quand le document a fini de charger. +- **`onmessage`** + - : Fonction à appeler quand le document a reçu un message. +- **`onoffline`** + - : Fonction à appeler quand la connexion réseau est perdue. +- **`ononline`** + - : Fonction à appeler quand la connexion réseau est restaurée. +- **`onpopstate`** + - : Fonction à appeler quand l'utilisateur se déplace dans son historique de session. +- **`onredo`** + - : Fonction à appeler quand l'utilisateur avance et refait un élément de l'historique de transaction. +- **`onresize`** + - : Fonction à appeler quand le document a été redimensionné. +- **`onstorage`** + - : Fonction à appeler quand la zone de stockage a changée. +- **`onundo`** + - : Fonction à appeler quand l'utilisateur recule et défait l'historique de transaction. +- **`onunload`** + - : Fonction à appeler quand le document disparait. +- **`rightmargin`** {{deprecated_inline}} + - : La marge à appliquer à droite du corps de la page. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`margin-right`](/fr/docs/Web/CSS/margin-right) sur l'élément à la place. +- **`text`** {{deprecated_inline}} + - : La couleur à utiliser pour la police du texte. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`color`](/fr/docs/Web/CSS/color) sur l'élément à la place. +- **`topmargin`** {{deprecated_inline}} + - : La marge à appliquer en haut du corps de la page. Cette méthohde n'est pas conforme, on devra utiliser la propriété CSS [`margin-top`](/fr/docs/Web/CSS/margin-top) sur l'élément à la place. +- **`vlink`** {{deprecated_inline}} + - : La couleur de texte pour les liens hypertextes visités. Cette méthode n'est pas conforme, on devra utiliser la propriété CSS [`color`](/fr/docs/Web/CSS/color) avec la pseudo-classe [`:visited`](/fr/docs/Web/CSS/:visited). -<h2 id="example">Exemple</h2> +## Exemple -<pre class="brush: html"><html> - <head> - <title>Titre du document</title> - </head> - <body> - <p>Et là un paragraphe…</p> - </body> -</html> -</pre> +```html +<html> + <head> + <title>Titre du document</title> + </head> + <body> + <p>Et là un paragraphe…</p> + </body> +</html> +``` -<h2 id="specifications">Spécifications</h2> +## Spécifications -<p>{{Specifications}}</p> +{{Specifications}} -<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat}}</p> +{{Compat}} -<h2 id="see_also">Voir aussi</h2> +## Voir aussi -<ul> - <li>L'élément <a href="/fr/docs/Web/HTML/Element/html"><code><html></code></a></li> - <li>L'élément <a href="/fr/docs/Web/HTML/Element/head"><code><head></code></a></li> -</ul> +- L'élément [`<html>`](/fr/docs/Web/HTML/Element/html) +- L'élément [`<head>`](/fr/docs/Web/HTML/Element/head) |