Con la finalidad de identificar correctamente el contenido principal de una página web, seccionaremos información con la etiqueta main en un documento HTML. Algunas páginas web carecen de la identificación del contenido principal de la misma, por ende, los navegadores web realizan coincidencias con búsquedas de usuarios de forma incorrecta, mostrándoles páginas sin relación. Para evitar este inconveniente, describiremos el uso y creación de la etiqueta main, según las recomendaciones oficiales del lenguaje HTML.

En el lenguaje de programación C, se debe crear sin excepción una función llamada main, con la finalidad de ejecutar el programa en sí. Desde esta función se realizan los llamados a las clases y sus procedimientos para correr el programa perfectamente, por esta importancia, en la quinta versión de HTML, deciden agregar esta etiqueta al lenguaje.

La etiqueta main delimita el contenido principal del documento HTML, tiene su inicio y cierre correspondiente, para funcionar correctamente, tal cual como se muestra en la ilustración.

061-01_0410_ilu01. Creación de la etiqueta main

Un detalle importante a considerar al momento de utilizar la etiqueta main, es la imposibilidad de crearla dentro de los elementos semánticos pertenecientes a la clasificación de contenido de sección. El motivo es sencillo, la etiqueta main describe el contenido principal del documento completo, por lo tanto, su finalidad está fuera de representar el contenido principal de las secciones del documento.

Cuando la etiqueta main está creada dentro de section con la intención de definir un contenido principal de esa sección, es un uso incorrecto el cual se muestra a continuación:

061-01_0410_ilu02. Ejemplo de uso incorrecto de la etiqueta main

Es correcto cuando englobamos un contenido independiente, el cual a su vez es el principal, por estar marcado con la etiqueta article. Veamos en el mismo ejemplo con la modificación correspondiente:

061-01_0410_ilu03. Uso correcto de main

El elemento main debe crearse una sola vez en el documento y, aunque a primera vista es difícil apreciar su importancia, ayuda principalmente a los lectores de pantalla para personas con discapacidad visual, les hace saber cuál es el contenido principal para dirigirse directamente a él cuando sea necesario. En caso de querer identificar otras partes del documento como principal, debe agregarse el atributo hidden, en español significa oculto, como se muestra en la ilustración.

061-01_0410_ilu04. Ejemplo de atributo hidden para ocultar main

El atributo hidden oculta una instrucción main y el lector de pantalla la omite, de esta forma muestra como principal la etiqueta sin este atributo. Esta opción debemos utilizarla como último recurso, lo importante es tener el conocimiento de cómo funciona al momento de leerla en un documento. Para definir una sección con main, preguntémonos si es importante la lectura de esa sección, por parte de un lector de pantalla, por ser un contenido esencial.

Keynotes

• La etiqueta main delimita el contenido principal del documento HTML, tiene su inicio y cierre correspondiente, para funcionar correctamente.
• Un detalle importante a considerar al momento de utilizar la etiqueta main, es la imposibilidad de crearla dentro de los elementos semánticos pertenecientes a la clasificación de contenido de sección.
• La etiqueta main describe el contenido principal del documento completo, por lo tanto, su finalidad está fuera de representar el contenido principal de las secciones del documento.
• El elemento main debe crearse una sola vez en el documento y, aunque a primera vista es difícil apreciar su importancia, ayuda principalmente a los lectores de pantalla para personas con discapacidad visual, les hace saber cuál es el contenido principal para dirigirse directamente a él cuando sea necesario.
• El atributo hidden oculta una instrucción main y el lector de pantalla la omite, de esta forma muestra como principal la etiqueta sin este atributo.

Para utilizar correctamente la etiqueta main en la creación de proyectos para internet, ubica la página de la web de la universidad e identifica cuál podría ser un contenido apropiado para el uso de la etiqueta main. Tiempo disponible: entre 15 y 30 minutos.

Pasos a seguir:

• Realiza un resumen del motivo por el cual hiciste la selección.
• Ubica a tres profesionales del materia mediante vPages y exponles tu selección y motivo.
• Toma las sugerencias y recomendaciones de cada uno.
• Tiempo disponible: 1 día.

Sabrás que has tenido éxito cuando crees una técnica para identificar correctamente el main de una página web, y ésta le sirva de ayuda a dos personas.

Analiza tu primer resumen y las sugerencias de los profesionales a fin de optimizarlo y crear uno definitivo, compártelo junto a la técnica creada en tu vKonnect, lee la publicación de un compañero y agrega tu reacción de lo leído. Tiempo disponible: entre 15 y 30 minutos.

Mediante el seccionamiento con la etiqueta main en un documento HTML, identificamos correctamente el contenido principal de una página web y, por ende, las coincidencias con las búsquedas de los usuarios serán correctas. Con práctica constante y organización al momento de definir la información principal, implementaremos la etiqueta main correctamente