es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Crear tabla de contenidos generada automáticamente con ranuras HTML

La tabla de contenido puede mejorar enormemente la experiencia del usuario de muchos sitios web, por ejemplo , sitios de documentación o enciclopedias en línea como Wikipedia. Una tabla de contenidos bien diseñada ofrece una descripción general de la página y ayuda a los usuarios a navegar rápidamente a la sección en la que están interesados.

Tradicionalmente, puede crear una tabla de contenido ya sea en HTML o con JavaScript, pero las ranuras HTML estandarizadas recientemente proporcionan un punto intermedio entre las dos . HTML Slot es un estándar web que le permite agregar marcadores de posición a una página web y luego llenarla con contenido de manera dinámica .

Cuándo usar el etiqueta

Puedes colocar etiquetas en la tabla de contenido dentro de su archivo HTML, para que las ranuras posteriores se llenen con los títulos y subtítulos correspondientes . Cuando se cambian los títulos, las ranuras se actualizan automáticamente .

Con esta técnica, debe crear el código fuente HTML de la tabla de contenidos manualmente. JavaScript solo genera automáticamente el contenido de texto de la tabla de contenido, en función de los títulos o subtítulos de la página .

Si no desea que la tabla de contenidos esté presente en el HTML, necesita generar el diseño y el contenido con JavaScript .

1. Crea el HTML

El código fuente HTML para el TOC (tabla de contenido) estará dentro de un