¿Qué es una vista de esquema de documento?
Contenidos
El esquema de un documento HTML muestra la estructura del contenido de la página. Esto es útil para los agentes de usuario, que pueden utilizar el esquema para crear, por ejemplo, una tabla de contenidos para el documento. Esto puede ser utilizado por los lectores de pantalla para ayudar a la gente a navegar mejor por la página.
En HTML 5.0 se introdujo una nueva forma de crear un esquema de documento. Consistía en utilizar sólo el rango de encabezamiento <h1>, y en su lugar anidar elementos <section> para definir secciones anidadas dentro del documento.
En mi artículo anterior, mencioné que este método no era reconocido actualmente por los agentes de usuario y que no debía utilizarse todavía. En HTML 5.1, este método ha sido eliminado completamente de la especificación.
Ahora, el método aconsejado para crear un esquema del documento es seguir utilizando elementos <section> anidados, pero en combinación con el rango de encabezamiento apropiado para cada sección. Por ejemplo, para crear el esquema del documento anterior, deberíamos utilizar la siguiente marca –
En HTML 5.1, esto ha cambiado. Ahora, podemos tener elementos <header> y <footer> anidados, pero sólo si están dentro de un nuevo contexto de seccionamiento, que se crea anidándolos dentro de un elemento de seccionamiento. Estos son uno de los siguientes
Tabla de contenidos de Google Docs
La visualización del documento mediante la vista de esquema proporciona un aspecto más organizado al documento en comparación con las vistas Normal o Diseño. La vista Contorno te permite ver los diferentes niveles de encabezamiento del documento. Cada interrupción del texto tiene un símbolo que indica la jerarquía del encabezamiento y del subtexto. A partir de estos símbolos, puede formatear el estilo y la posición de los títulos.
La vista de Esquema muestra los diferentes niveles de encabezados según los estilos aplicados en su documento. Los encabezados son como títulos en su documento que explican la sección de texto que sigue. Cada encabezado en la vista Esquema se indica con símbolos. Estos símbolos pueden utilizarse para dar formato al estilo y la posición del encabezado.
La vista Contorno muestra todo el texto del documento, al igual que las vistas Normal o Diseño. Sin embargo, la vista Contorno muestra la escalera de diferentes niveles utilizada en todo el documento y, por lo tanto, tiene un aspecto diferente. Es más fácil cambiar los títulos y el subtexto en la vista Contorno debido a la versatilidad de los símbolos y botones de la barra de herramientas Contorno. Compare las diferencias entre las vistas Normal y Contorno del mismo texto.
Ejemplo de esquema de documento
Los esquemas de los documentos han cambiado un poco en HTML5. Para empezar, ya están en la especificación (y lo han estado durante años) (2008). El Doctor HTML5 está aquí para explicar qué son los esquemas de los documentos, cómo hacerlos bien y por qué debería importarte.
El esquema del documento es la estructura de un documento, generada por los encabezados del documento, los títulos de los formularios, los títulos de las tablas y cualquier otro punto de referencia apropiado para trazar el documento. El agente de usuario puede aplicar esta información para generar un índice de contenidos, por ejemplo. Esta tabla de contenidos podría ser utilizada por la tecnología de asistencia para ayudar al usuario, o ser analizada por una máquina como un motor de búsqueda para mejorar los resultados de la búsqueda.
El algoritmo de esquematización se ha definido claramente en la especificación HTML5, por lo que una vez que todos los navegadores y las tecnologías de asistencia se pongan de acuerdo, se obtendrán importantes beneficios en materia de accesibilidad (más adelante se hablará de la asistencia). Antes de ver cómo funciona este nuevo algoritmo, es hora de dar un rápido paseo por la memoria.
La creación de esquemas de documentos antes de HTML5 era sencilla. Había seis elementos de encabezamiento, de <h1> a <h6>. Los encabezados de menor numeración tenían un rango superior a los de mayor numeración, es decir, <h1> tenía un rango superior a <h2>:
Esquema Html
El esquema de un documento HTML muestra la estructura del contenido de la página. Esto es útil para los agentes de usuario, que pueden utilizar el esquema para crear, por ejemplo, una tabla de contenidos para el documento. Esto puede ser utilizado por los lectores de pantalla para ayudar a la gente a navegar mejor por la página.
En HTML 5.0 se introdujo una nueva forma de crear un esquema de documento. Consistía en utilizar únicamente el rango de encabezamiento <h1> y, en su lugar, anidar elementos <section> para definir secciones anidadas dentro del documento.
En mi artículo anterior, mencioné que este método no era reconocido actualmente por los agentes de usuario y que no debía utilizarse todavía. En HTML 5.1, este método ha sido eliminado completamente de la especificación.
Ahora, el método aconsejado para crear un esquema del documento es seguir utilizando elementos <section> anidados, pero en combinación con el rango de encabezamiento apropiado para cada sección. Por ejemplo, para crear el esquema del documento anterior, deberíamos utilizar la siguiente marca –
En HTML 5.1, esto ha cambiado. Ahora, podemos tener elementos <header> y <footer> anidados, pero sólo si están dentro de un nuevo contexto de seccionamiento, que se crea anidándolos dentro de un elemento de seccionamiento. Estos son uno de los siguientes