Secciones
Notas:
Las secciones son el mecanismo de agrupación de nivel superior en los documentos, piense en ellas como contenedores para un conjunto de contenido y bloques predeterminados. Más información sobre la Estructura del documento aquí.
Las secciones están separadas por "Reglas horizontales" o — para agrupar ciertos elementos de una página. Puede haber motivos semánticos y de diseño para agrupar el contenido. Un caso sencillo sería que una sección de una página tiene un color de fondo diferente.
Técnicamente, una sección solo introduce una <div>
contenedor en el marcado que se entrega alrededor de todos los bloques y el contenido predeterminado contenido en la sección.
Ejemplo:
Estructura de contenido:
Código:
En la mayoría de los casos, las secciones genéricas no tienen mucho código de estilo más allá del diseño de cuadro específico del proyecto (p. ej., margins
, padding
, max-width
) y a veces se aumentan con metadatos de sección para controlar el estilo (a menudo, colores de fondo o imágenes).
Consulte Código de estilo de sección