diff options
Diffstat (limited to 'files/fr/web/html/element/footer/index.md')
| -rw-r--r-- | files/fr/web/html/element/footer/index.md | 148 |
1 files changed, 111 insertions, 37 deletions
diff --git a/files/fr/web/html/element/footer/index.md b/files/fr/web/html/element/footer/index.md index f07e3cef1e..6e7ba14741 100644 --- a/files/fr/web/html/element/footer/index.md +++ b/files/fr/web/html/element/footer/index.md @@ -9,84 +9,158 @@ tags: translation_of: Web/HTML/Element/footer browser-compat: html.elements.footer --- -<div>{{HTMLRef}}</div> +{{HTMLRef}} -<p>L'élément HTML <strong><code><footer></code></strong> représente le pied de page de la <a href="/fr/docs/Web/Guide/HTML/Content_categories#sectioning_content">section</a> ou de la <a href="/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#sectioning_root">racine de sectionnement</a> la plus proche. Un élément <code><footer></code> contient habituellement des informations sur l'autrice ou l'auteur de la section, les données relatives au droit d'auteur (<em>copyright</em>) ou les liens vers d'autres documents en relation.</p> +L'élément HTML **`<footer>`** représente le pied de page de la [section](/fr/docs/Web/Guide/HTML/Content_categories#sectioning_content) ou de la [racine de sectionnement](/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#sectioning_root) la plus proche. Un élément `<footer>` contient habituellement des informations sur l'autrice ou l'auteur de la section, les données relatives au droit d'auteur (_copyright_) ou les liens vers d'autres documents en relation. -<div>{{EmbedInteractiveExample("pages/tabbed/footer.html", "tabbed-standard")}}</div> +{{EmbedInteractiveExample("pages/tabbed/footer.html", "tabbed-standard")}} <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/Content_categories#flow_content">Contenu de flux</a>, <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content">contenu tangible</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/Content_categories#flow_content" + >Contenu de flux</a + >, + <a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content" + >contenu tangible</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> sans élément descendant qui soit <code><footer></code> ou <a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a>.</td> + <td> + <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" + >Contenu de flux</a + > + sans élément descendant qui soit <code><footer></code> ou + <a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a + >. + </td> </tr> <tr> <th scope="row">Omission de balises</th> - <td>Aucune, la balise ouvrante et la balise fermante sont toutes les deux obligatoires.</td> + <td> + Aucune, la balise ouvrante et la balise fermante sont toutes les deux + obligatoires. + </td> </tr> <tr> <th scope="row">Parents autorisés</th> - <td>Tout élément qui accepte du <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content">contenu de flux</a>. Un élément <code><footer></code> ne doit pas descendre d'un élément <a href="/fr/docs/Web/HTML/Element/address"><code><address></code></a>, <a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a> ou d'un autre élément <code><footer></code>.</td> + <td> + Tout élément qui accepte du + <a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content" + >contenu de flux</a + >. Un élément <code><footer></code> ne doit pas descendre d'un + élément + <a href="/fr/docs/Web/HTML/Element/address" + ><code><address></code></a + >, + <a href="/fr/docs/Web/HTML/Element/header" + ><code><header></code></a + > + ou d'un autre élément <code><footer></code>. + </td> </tr> <tr> <th scope="row">Rôle ARIA implicite</th> - <td><a href="/fr/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role">contentinfo</a>, ou <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role">pas de rôle correspondant</a> si un descendant d'un élément <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a>, <a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a>, <a href="/fr/docs/Web/HTML/Element/main"><code><main></code></a>, <a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a> ou <a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a>, ou un élément avec <code>role=<a href="/fr/docs/Web/Accessibility/ARIA/Roles/Article_Role">article</a></code>, <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Complementary_role"><code>complementary</code></a>, <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Main_role"><code>main</code></a>, <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Navigation_Role"><code>navigation</code></a> ou <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Region_role"><code>region</code></a>.</td> + <td> + <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role" + >contentinfo</a + >, ou + <a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role" + >pas de rôle correspondant</a + > + si un descendant d'un élément + <a href="/fr/docs/Web/HTML/Element/article" + ><code><article></code></a + >, + <a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a + >, <a href="/fr/docs/Web/HTML/Element/main"><code><main></code></a + >, + <a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a> ou + <a href="/fr/docs/Web/HTML/Element/section" + ><code><section></code></a + >, ou un élément avec + <code + >role=<a href="/fr/docs/Web/Accessibility/ARIA/Roles/Article_Role" + >article</a + ></code + >, + <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Complementary_role" + ><code>complementary</code></a + >, + <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Main_role" + ><code>main</code></a + >, + <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Navigation_Role" + ><code>navigation</code></a + > + ou + <a href="/fr/docs/Web/Accessibility/ARIA/Roles/Region_role" + ><code>region</code></a + >. + </td> </tr> <tr> <th scope="row">Rôles ARIA autorisés</th> - <td><a href="https://w3c.github.io/aria/#group"><code>group</code></a>, <a href="https://w3c.github.io/aria/#none"><code>none</code></a>, <a href="https://w3c.github.io/aria/#presentation"><code>presentation</code></a></td> + <td> + <a href="https://w3c.github.io/aria/#group"><code>group</code></a + >, <a href="https://w3c.github.io/aria/#none"><code>none</code></a + >, + <a href="https://w3c.github.io/aria/#presentation" + ><code>presentation</code></a + > + </td> </tr> <tr> <th scope="row">Interface DOM</th> - <td><a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a></td> + <td> + <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a> + </td> </tr> </tbody> </table> -<h2 id="attributes">Attributs</h2> +## Attributs -<p>Comme tous les éléments HTML, cet élément accepte <a href="/fr/docs/Web/HTML/Global_attributes">les attributs universels</a>.</p> +Comme tous les éléments HTML, cet élément accepte [les attributs universels](/fr/docs/Web/HTML/Global_attributes). -<h2 id="usage_notes">Notes d'utilisation</h2> +## Notes d'utilisation -<ul> - <li>Les informations sur l'autrice ou l'auteur doivent être placées dans un élément <a href="/fr/docs/Web/HTML/Element/address"><code><address></code></a> et incluses dans l'élément <code><footer></code>.</li> - <li>L'élément <code><footer></code> n'a pas de contenu sectionnant et ne peut donc pas introduire une nouvelle section dans le <a href="/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines">plan</a>.</li> -</ul> +- Les informations sur l'autrice ou l'auteur doivent être placées dans un élément [`<address>`](/fr/docs/Web/HTML/Element/address) et incluses dans l'élément `<footer>`. +- L'élément `<footer>` n'a pas de contenu sectionnant et ne peut donc pas introduire une nouvelle section dans le [plan](/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines). -<h2 id="examples">Exemples</h2> +## Exemples -<pre class="brush: html"><footer> +```html +<footer> Quelques informations de copyright ou bien quelques informations sur l'auteur de l'article. -</footer> -</pre> +</footer> +``` -<h2 id="accessibility_concerns">Accessibilité</h2> +## Accessibilité -<p>Avant la publication de Safari 13, le <a href="/fr/docs/Learn/Accessibility/WAI-ARIA_basics#signpostslandmarks">rôle de repère</a> <code>contentinfo</code> n'était pas correctement exposé par <a href="https://help.apple.com/voiceover/info/guide/">VoiceOver</a>. Si vous devez prendre en charge les anciens navigateurs Safari, ajoutez <code>role="contentinfo"</code> à l'élément <code>footer</code> pour vous assurer que le landmark sera correctement exposé.</p> +Avant la publication de Safari 13, le [rôle de repère](/fr/docs/Learn/Accessibility/WAI-ARIA_basics#signpostslandmarks) `contentinfo` n'était pas correctement exposé par [VoiceOver](https://help.apple.com/voiceover/info/guide/). Si vous devez prendre en charge les anciens navigateurs Safari, ajoutez `role="contentinfo"` à l'élément `footer` pour vous assurer que le landmark sera correctement exposé. -<ul> - <li>En rapport : <a href="https://bugs.webkit.org/show_bug.cgi?id=146930">WebKit Bugzilla : 146930 - AX : Les éléments natifs HTML (header, footer, main, aside, nav) devraient fonctionner de la même manière que les points de repère ARIA, parfois ce n'est pas le cas</a>.</li> -</ul> +- En rapport : [WebKit Bugzilla : 146930 - AX : Les éléments natifs HTML (header, footer, main, aside, nav) devraient fonctionner de la même manière que les points de repère ARIA, parfois ce n'est pas le cas](https://bugs.webkit.org/show_bug.cgi?id=146930). -<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>Autres éléments liés à la section : <a href="/fr/docs/Web/HTML/Element/body"><code><body></code></a>, <a href="/fr/docs/Web/HTML/Element/nav"><code><nav></code></a>, <a href="/fr/docs/Web/HTML/Element/article"><code><article></code></a>, <a href="/fr/docs/Web/HTML/Element/aside"><code><aside></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h1></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h2></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h3></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h4></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h5></code></a>, <a href="/fr/docs/Web/HTML/Element/Heading_Elements"><code><h6></code></a>, <a href="/fr/docs/Web/HTML/Element/hgroup"><code><hgroup></code></a>, <a href="/fr/docs/Web/HTML/Element/header"><code><header></code></a>, <a href="/fr/docs/Web/HTML/Element/section"><code><section></code></a>, <a href="/fr/docs/Web/HTML/Element/address"><code><address></code></a> ;</li> - <li><a href="/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines">Utilisation des sections et des plans HTML</a></li> - <li><a href="/fr/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role">ARIA : rôle <code>contentinfo</code></a></li> - </ul> +- Autres éléments liés à la section : [`<body>`](/fr/docs/Web/HTML/Element/body), [`<nav>`](/fr/docs/Web/HTML/Element/nav), [`<article>`](/fr/docs/Web/HTML/Element/article), [`<aside>`](/fr/docs/Web/HTML/Element/aside), [`<h1>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h2>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h3>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h4>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h5>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<h6>`](/fr/docs/Web/HTML/Element/Heading_Elements), [`<hgroup>`](/fr/docs/Web/HTML/Element/hgroup), [`<header>`](/fr/docs/Web/HTML/Element/header), [`<section>`](/fr/docs/Web/HTML/Element/section), [`<address>`](/fr/docs/Web/HTML/Element/address) ; +- [Utilisation des sections et des plans HTML](/fr/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines) +- [ARIA : rôle `contentinfo`](/fr/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role) |