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.
MisiónPara 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.
CierreMediante 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
