# Header L'en-tête d'un site de documentation ou institutionnel : la marque, les zones et les outils. Sur mobile, les zones et les choix se déplacent vers le Menu. ## Playground ```html

``` ## Quand l'utiliser - En haut d'un site avec quelques grandes zones : une documentation, une page de produit. ## Quand ne pas l'utiliser - **Sur un écran de travail de produit :** l'en-tête AppShell, avec la navigation dans le Drawer. ## Exemples ### Sur les écrans larges La marque, les zones (la actuelle dans le papier placé) et les outils : Recherche, langue, jour et nuit, et GitHub. L'en-tête de cette page est un seul. Afficher le code ```html ``` ### Sur mobile La marque, la Recherche et le Menu. En descendant, l'en-tête part ; en remontant, il revient. Afficher le code ```html ``` ## Anatomie 1. **Marque :** le symbole et le nom, menant à domicile. 2. **Outils :** Recherche, langue, jour et nuit, GitHub ; sur mobile, Menu. 3. **Zones :** les grandes sections du site ; la actuelle dans le papier placé. ## Accessibilité - Les zones dans un `