El nuevo HTML5
SECCIÓN El elemento puede ser algo confuso. Si ha estado creando documentos HTML antes de HTML5, es probable que ya esté utilizando el elemento para crear divisiones estructurales dentro de sus páginas y luego diseñe las páginas con ellos. Por lo tanto, puede parecer algo natural simplemente reemplazar su actual
Div elementos con
SECCIÓN elementos. Pero esto es técnicamente incorrecto. Así que si no solo reemplaza
Div elementos con
SECCIÓN Elementos, ¿cómo los usas correctamente?
El elemento SECCIÓN es un elemento semántico
Lo primero que hay que entender es que el
SECCIÓN El elemento es un elemento semántico. Esto significa que proporciona un significado tanto a los agentes de usuario como a los seres humanos sobre el contenido adjunto, específicamente una sección del documento.
Esto puede parecer una descripción semántica muy general, y eso es porque lo es. Hay otros elementos HTML5 que proporcionan más distinciones semánticas a su contenido que debe usar primero antes de usar
SECCIÓN elemento:
-
ARTÍCULO
-
APARTE
-
NAV
Cuándo usar el elemento SECCIÓN
Utilizar el
ARTÍCULO Elemento cuando el contenido es una parte independiente del sitio que puede ser independiente y ser sindicado como un artículo o publicación de blog. Utilizar el
APARTE elemento cuando el contenido está relacionado tangencialmente con el contenido de la página o con el sitio en sí, como barras laterales, anotaciones, notas al pie o información del sitio asociado. Utilizar el
NAV Elemento para el contenido que es la navegación.
los
SECCIÓN El elemento es un elemento semántico genérico. Se usa cuando ninguno de los otros elementos de contenedor semántico es apropiado. Lo usa para combinar partes de su documento en unidades discretas que puede describir como relacionadas de alguna manera. Si no puede describir los elementos de la sección en una o dos oraciones, entonces probablemente no debería usar el elemento.
En su lugar, debe utilizar el
Div elemento. los
Div Elemento en HTML5 es un elemento contenedor no semántico. Si el contenido que está intentando combinar no tiene un significado semántico, pero aún necesita combinarlo para el estilo, entonces el
Div El elemento es el elemento apropiado para usar.
Cómo funciona el elemento SECTION
Una sección de su documento puede aparecer como el contenedor externo para artículos y
APARTE elementos. También puede contener contenido que no es parte de un
ARTÍCULO o
APARTE. UNA
SECCIÓN elemento también se puede encontrar dentro de una
ARTÍCULO,
NAVo
APARTE. Incluso puede anidar secciones para indicar que un grupo de contenido es una sección de otro grupo de contenido que es una sección de un artículo o la página en su totalidad.
los
SECCIÓN elemento crea elementos dentro de un esquema del documento. Y como tal, siempre debe tener un elemento de encabezado (
H1 mediante
H6) como parte de la sección. Si no puede encontrar un título para la sección, entonces nuevamente
Div El elemento es probablemente más apropiado. Recuerde, si no desea que el título de la sección aparezca en la página, siempre puede enmascararlo con CSS.
Cuándo no usar el elemento SECCIÓN
Más allá de los consejos anteriores para usar los elementos semánticos más específicos primero, hay un área definida que no debe usar
SECCIÓN Elemento: sólo para estilo.
En otras palabras, si la única razón por la que está colocando un elemento en ese lugar es adjuntar propiedades de estilo CSS, no debe usar una
SECCIÓN elemento. Encuentra un elemento semántico o usa el
En última instancia, no puede importar
Una dificultad para escribir HTML semántico es que lo que es semántico para mí puede ser para usted un completo disparate. Si crees que puedes justificar el uso del
SECCIÓN Elemento en tus documentos, entonces deberías usarlo. A la mayoría de los agentes de usuarios no les importa y mostrarán la página como podría esperar si le da estilo a un
Div o un
SECCIÓN.
Para los diseñadores que les gusta ser semánticamente correctos, utilizando el
SECCIÓN El elemento de una manera semánticamente válida es importante. Para los diseñadores que solo quieren que sus páginas funcionen, eso no es tan importante. Creemos que escribir HTML semánticamente válido es una buena práctica y mantiene las páginas más preparadas para el futuro. Pero al final depende de ti.
