From 8829a7c9eb82f180bac76ed5836aaef95be209a1 Mon Sep 17 00:00:00 2001 From: julieng Date: Wed, 13 Oct 2021 07:12:55 +0200 Subject: move *.html to *.md --- files/fr/web/html/element/header/index.md | 124 ++++++++++++++++++++++++++++++ 1 file changed, 124 insertions(+) create mode 100644 files/fr/web/html/element/header/index.md (limited to 'files/fr/web/html/element/header/index.md') diff --git a/files/fr/web/html/element/header/index.md b/files/fr/web/html/element/header/index.md new file mode 100644 index 0000000000..b03ea5384e --- /dev/null +++ b/files/fr/web/html/element/header/index.md @@ -0,0 +1,124 @@ +--- +title:
+slug: Web/HTML/Element/header +tags: + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/header +--- +
{{HTMLRef}}
+ +

L'élément HTML <header> représente un groupe de contenu introductif ou de contenu aidant à la navigation. Il peut contenir des éléments de titre, mais aussi d'autres éléments tels qu'un logo, un formulaire de recherche, etc.

+ +
{{EmbedInteractiveExample("pages/tabbed/header.html", "tabbed-standard")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu tangible.
Contenu autoriséContenu de flux mais sans élément descendant qui soit {{HTMLElement("footer")}} ou <header>
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément acceptant du contenu de flux. Il est à noter qu'un élément <header> ne doit pas descendre d'un élément {{HTMLElement("address")}}, {{HTMLElement("footer")}} ou d'un autre élément <header>.
Rôles ARIA autorisés{{ARIARole("group")}}, {{ARIARole("presentation")}}
Interface DOM{{domxref("HTMLElement")}}
+ +

Notes d'utilisation

+ +

L'élément <header> n'est pas une section de contenu et n'introduit donc pas de nouvelle section dans ls structure. Cela dit, un élément <header> est généralement destiné à contenir l'en-tête de la section environnante (un élément h1-h6), mais ce n'est pas obligatoire.

+ +

Usage historique

+ +

Bien que l'élément <header> ne fasse pas partie de la spécification HTML avant {{glossary("HTML5")}} , il existait de façon implicite depuis les premières versions. En consultant le premier site web, il était originellement utilisé comme l'élément <head>. À un moment donné, il a été décidé d'utiliser un nom différent. Cela a permis à <header> d'être libre de remplir un rôle différent par la suite.

+ +

Attributs

+ +

Comme tous les éléments HTML, cet élément possède les attributs universels.

+ +

Exemples

+ +

En-tête de page

+ +

HTML

+ +
<header>
+  <h1>Titre principal</h1>
+  <img src="mdn-logo-sm.png" alt="MDN logo">
+</header>
+ +

Résultat

+ +

{{EmbedLiveSample("En-tête_de_page","100%","200")}}

+ +

En-tête pour un article

+ +

HTML

+ +
<article>
+  <header>
+    <h2>La planète Terre</h2>
+    <p>Publié le <time datetime="2017-10-04">4 octobre 2017</time> par Jeanne Smith</p>
+  </header>
+  <p>Nous vivons sur une planète bleue et verte</p>
+  <p><a href="https://example.com/the-planet-earth/">Poursuivre la lecture…</a></p>
+</article>
+
+ +

Résultat

+ +

{{EmbedLiveSample("En-tête_pour_un_article","100%","200")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'semantics.html#the-header-element', '<header>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'sections.html#the-header-element', '<header>')}}{{Spec2('HTML5 W3C')}}
+ +

Compatibilité des navigateurs

+ +

{{Compat("html.elements.header")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf