Con la finalidad de identificar la agrupación de etiquetas de HTML, clasificaremos los contenidos de HTML en la creación de páginas web. En ocasiones, encontramos códigos desorganizados y con etiquetas circunscritas de forma incorrecta, por lo tanto, existen errores en la ejecución mediante el navegador. Debido a ello, identificaremos el uso correcto de las etiquetas pertenecientes a algunas clasificaciones de contenido.

Marcar un documento según su contenido es importante, debido al significado semántico aportado por cada clasificación, el cual favorece a todos los entornos de navegación. Es necesario priorizar el uso de las etiquetas semánticas y la clasificación de cada una, basándose en el contenido del texto, ya que el estilo se modificará más adelante. La aplicación correcta de cada clasificación de contenido conlleva a beneficiar a los lectores de pantalla para personas con alguna discapacidad.

061-01_0310_ilu01. Lista de beneficios para clasificación de contenido

Todas las etiquetas de HTML tienen diferentes nombres, normalmente asociados a la función que ejercen. Pueden pertenecer a ninguna o a varias categorías. Existen contenidos de metadatos, donde ubican las etiquetas mostradas a continuación.

061-01_0310_ilu02. Etiquetas de clasificación de contenido metadata

Estos elementos modifican la presentación del contenido o determinan el comportamiento del mismo, de igual forma establecen relación con otro documento, como por ejemplo el link o enlace, el cual permite, al hacer clic sobre él, mostrar otro texto.

061-01_0310_ilu03. Etiquetas de clasificación flujo de contenido

Los elementos vistos en la ilustración son incluidos en la categoría de etiquetas pertenecientes a flujo de contenido. Esta clasificación está representada por la mayoría del marcado, utilizado en el cuerpo del documento.

Las etiquetas de seccionar contenido son los elementos para dividir las partes de un texto marcado por HTML. Estas divisiones van delimitadas entre un título, conocido en HTML como encabezado, y pie de página. Las etiquetas de títulos de contenido son utilizadas para marcar los encabezados de un documento según su relevancia, las cuales son las siguientes:

061-01_0310_ilu04. Etiquetas de clasificación sección de contenido y títulos de contenido

En la categoría comprensión de contenido, están las etiquetas basadas en elementos utilizados dentro de un párrafo. De esta categoría cabe destacar la contención entre sí de las etiquetas, además es incorrecto contener en ellas una etiqueta perteneciente a otra clasificación, por ejemplo de flujo.

061-01_0310_ilu05. Etiquetas de comprensión de contenido

El siguiente diagrama publicado en la recomendación oficial de HTML5, muestra la relación entre las diferentes clasificaciones de etiquetas, por ejemplo, una etiqueta perteneciente a Flow puede ser a su vez Sectioning. Existen algunas etiquetas de Metadata, las cuales pueden ser de Flow y otras, por el contrario, quedan fuera de esta clasificación. Así, es posible comprender con mayor facilidad las divisiones, para implementarlas correctamente.

061-01_0310_gra01. Diagrama de clasificación de contenido de HTML

Keynotes

• Marcar un documento según su contenido es importante, debido al significado semántico aportado por cada clasificación, el cual favorece a todos los entornos de navegación.
• Es necesario prorizar el uso de las etiquetas semánticas y la clasificación de cada una, basándose en el contenido del texto, ya que el estilo se modificará más adelante.
• La aplicación correcta de cada clasificación de contenido conlleva a beneficiar a los lectores de pantalla para personas con alguna discapacidad.
• Las etiquetas de seccionar contenido, son los elementos para dividir las partes de un texto marcado por HTML. Estas divisiones van delimitadas entre un título, conocido en HTML como encabezado, y pie de página.
• En la categoría comprensión de contenido, están las etiquetas basadas en elementos utilizados dentro de un párrafo. De esta categoría cabe destacar la contención entre síi de las etiquetas, además es incorrecto contener en ellas una etiqueta perteneciente a otra clasificación.

Con la finalidad de aumentar el dominio de la agrupación de etiquetas HTML, elabora un plan de trabajo para realizar una evaluación de las 7 clasificaciones de contenido del lenguaje HTML. Tiempo disponible: entre 15 y 30 minutos.

Pasos a seguir:

• Ubica el estándar oficial de HTML.
• Lee con minuciosidad las especificaciones de cada clasificación de contenido.
• Toma dos etiquetas de cada clasificación y determina el motivo por el cual se encuentra en ella.
• Pide a un especialista mediante Vprofile sugerencias de tu plan de trabajo.
• Tiempo disponible: 1 día.

Sabrás que has tenido éxito cuando expliques con fluidez cada una de las clasificaciones sin mirar el estudio realizado.

Al finalizar la evaluación, realiza un resumen y comparte los resultados en tu VKTV y vPages. Ubica la publicación de dos compañeros y agrega alguna sugerencia de optimización a cada uno. Tiempo disponible: entre 15 y 30 minutos.

Cierre

Gracias a la clasificación de contenido de HTML en la creación de páginas web, creamos códigos organizados con etiquetas en los lugares correctos y lograremos la ejecución óptima. También, identificamos con precisión la agrupación de etiquetas de HTML, según las recomendaciones oficiales de este lenguaje. Con práctica constante y estudio disciplinado dominaremos en su totalidad las diferentes clasificaciones de contenidos.