El nuevo elemento HTML5 sección puede ser algo confuso. Si usted y amp; apos; han estado construyendo & amp; # x200B; documentos HTML antes de HTML5, es probable que ya esté usando el elemento para crear divisiones estructurales dentro de sus páginas y luego diseñar las páginas con ellas. Por lo tanto, puede parecer algo natural simplemente reemplazar sus elementos DIV existentes con elementos de la sección . Pero esto es técnicamente incorrecto.
El & amp; apos; section & amp; apos; Elemento es un elemento semántico
El elemento SECCIÓN es un elemento semántico; proporciona significado tanto a los agentes de usuario como a los humanos sobre cuál es el contenido adjunto & amp; # x2014; específicamente, una sección del documento.
Esto puede parecer una descripción muy general, y eso es porque es así. Hay otros elementos HTML5 que proporcionan más distinciones semánticas a su contenido que debe usar primero antes de usar el elemento de la sección :
- Artículo
- Aparte
- Nav
Cuándo usar el & amp; apos; section & amp; apos; Elemento
Use el elemento del artículo cuando el contenido es una parte independiente del sitio que puede estar solo y sindicado como un artículo o publicación de blog. Use el elemento aparte cuando el contenido esté relacionado tangencialmente con el contenido de la página o el sitio en sí, como barras laterales, anotaciones, notas al pie o información del sitio asociada. Use el elemento nav para el contenido que admite la navegación del sitio.
El elemento de la sección es un elemento semántico genérico. Úselo cuando ninguno de los otros elementos del contenedor semántico sea apropiado. Combina partes de su documento en unidades discretas que puede describir como relacionadas de alguna manera. Si puede & amp; apos; t describir los elementos en la sección en una o dos oraciones, entonces probablemente debería & amp; apos; t usar el elemento.
Video destacado
En cambio, debe usar el elemento DIV . El elemento DIV en HTML5 es un elemento contenedor no semántico. Si el contenido que está tratando de combinar no tiene un significado semántico, pero aún necesita combinarlo para el estilo, entonces el elemento DIV es el elemento apropiado para usar.
Cómo el & amp; apos; section & amp; apos; Element Works
Una sección de su documento puede aparecer como el contenedor externo para artículos y elementos a un lado . También puede contener contenido que es parte de un artículo o aparte . También se puede encontrar un elemento de la sección dentro de un artículo , nav nav o a un lado . 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 conjunto.
El elemento de la sección crea elementos dentro de un resumen del documento. Y como tal, siempre debe tener un elemento de encabezado ( H1 a H6 ) como parte de la sección. Si puede & amp; apos; t crear un título para la sección, el elemento DIV es probablemente más apropiado.
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 & amp; apos; section & amp; apos; Elemento
Hay un propósito para el cual no debe usar el elemento de sección : solo para estilo.
En otras palabras, si la única razón por la que usted y amp; apos; re colocando un elemento en ese lugar es para adjuntar propiedades de estilo CSS, no debe usar un elemento de sección . Encuentre un elemento semántico o use el elemento DIV en su lugar.
En última instancia, puede no importar
Una dificultad para escribir HTML semántico es que lo que es semántico para el navegador puede ser una tontería para usted. Si cree que puede justificar el uso del elemento de la sección en sus documentos, entonces debe usarlo. La mayoría de los agentes de usuario no se preocupan y mostrarán la página como es de esperar si diseña un DIV o una sección .
Para los diseñadores a quienes les gusta ser semánticamente correctos, es importante usar el elemento de la sección de una manera semánticamente válida. Para los diseñadores que solo quieren que sus páginas funcionen, eso es tan importante. 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, eso y amp; apos; s depende de ti.
& amp; # x203A; Informática
