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.
MisiónCon 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.
