# Anchor El índice de la página, que sigue el desplazamiento y marca la sección en la que se encuentra la persona. ## Playground ```html ``` ## Cuándo usarlo - En páginas largas con varias secciones: documentación, una guía, un política. ## Cuándo no usarlo - **Páginas cortas**, con una o dos secciones: la página ya encaja en el ojo. - **Para moverse entre páginas:** Navegación. ## Ejemplos ### El índice Los encabezados de la página (`h2`, y `h3` debajo de ellos). La sección actual está en tinta y negrita, con la flecha dibujada a mano delante. Esta página tiene su propia barra, a la derecha en pantallas anchas. Mostrar código ```html ``` ### En móvil El mismo índice va en un "Detalles de esta página" cerrado en la parte superior del contenido. Tocar una sección hace que se desplace hacia ella y cierre la lista. Mostrar código ```html
…Nesta página
``` ## Anatomía 1. **Título:** "Detalles de esta página". 2. **Sección:** un enlace por `h2`, en tinta suave. 3. **Sección actual:** tinta, negrita y la flecha a mano alzada. Sin franja lateral. 4. **Subsección:** los `h3`s, un paso más adentro. ## Estados - **Desplazamiento:** la sección marcada cambia a lo largo, con la transición; al final de la página, la última permanece marcada. - **Tocar en una sección:** la página se desplaza suavemente hacia ella, y la dirección sigue. - **Índice más alto que la pantalla:** se desplaza por sí mismo, con ScrollFade. ## Hacer y no hacer Do La sección actual con tinta, negrita y la flecha. Don’t La franja lateral naranja: el sello de cada sitio de documentación genérico. ## Accesibilidad - Un `