¿Qué es un esquema de documentos?

¿Qué es una vista de esquema de documento?

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.

  ¿Cuáles son los tres elementos que moldean la personalidad?

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.

  ¿Cómo cargar dinero a PayPal?

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.

  ¿Cómo vectorizar una imagen por internet?

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

Lucía Bustamante

Soy Lucía Bustamante, tengo 26 años y estudio el doble Grado de Comercio y Marketing en la UCM. Soy buena comunicadora, especialista en alimentación, experta en redes sociales y en mis ratos libres me encanta escribir y compartir mis conocimientos.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad