# Header El encabezado de un sitio de documentación o institucional: la marca, las áreas y las herramientas. En móvil, las áreas y las opciones se mueven al Menú. ## Playground ```html

``` ## Cuándo usarlo - En la parte superior de un sitio con pocas grandes áreas: documentación, una página de producto. ## Cuándo no usarlo - **En una pantalla de trabajo de producto:** el encabezado AppShell, con la navegación en el Drawer. ## Ejemplos ### En pantallas anchas La marca, las áreas (la actual en papel colocado) y las herramientas: Búsqueda, idioma, día y noche, y GitHub. El encabezado de esta página es uno. Mostrar código ```html ``` ### En móvil La marca, la Búsqueda y el Menú. Al hacer scroll hacia abajo, el encabezado se va; al hacer scroll hacia arriba, vuelve. Mostrar código ```html ``` ## Anatomía 1. **Marca:** el símbolo y el nombre, que llevan a casa. 2. **Herramientas:** Búsqueda, idioma, día y noche, GitHub; en móvil, Menú. 3. **Áreas:** las grandes secciones del sitio; la actual en papel colocado. ## Accesibilidad - Las áreas en un `