Seções

Notas:

As seções são o mecanismo de agrupamento de nível superior nos documentos do, considerando-as como contêineres para um conjunto de conteúdo e blocos padrão. Saiba mais sobre a estrutura do documento aqui.

As seções são separadas por "Regras horizontais" ou — para agrupar determinados elementos de uma página. Pode haver motivos semânticos e de design para agrupar o conteúdo; um caso simples pode ser que uma seção de uma página tenha uma cor de fundo diferente.

Tecnicamente, uma seção apresenta uma <div> wrapper na marcação entregue em todos os blocos e conteúdo padrão contido na seção.

Exemplo:

Ver saída em tempo real

Estrutura de conteúdo:

Ver conteúdo no documento

Código:

Na maioria dos casos, as seções genéricas não têm muito código de estilo além do layout de caixa específico do projeto (por exemplo, margins, padding, max-width) e, às vezes, são aumentados com metadados de seção para controlar o estilo (geralmente cores ou imagens do plano de fundo).

Consulte a Seção Código de estilo