Container tags HTML: Neste artigo, vamos explorar três tags de container importantes no HTML: article, section e div. Essas tags são usadas para estruturar e organizar o conteúdo em uma página web.
A Tag Article
A tag article é usada para encapsular um conteúdo autônomo em um documento HTML. Isso significa que o conteúdo dentro de uma tag article deve fazer sentido por si só, independentemente do restante do conteúdo da página.
Aqui está um exemplo de como a tag article pode ser usada:
<article>
<h2>Título do Artigo</h2>
<p>Este é o conteúdo do artigo.</p>
</article>
Título do Artigo
Este é o conteúdo do artigo.
Neste exemplo, a tag article contém um cabeçalho (<h2>) e um parágrafo (<p>), que juntos formam um artigo completo.
A Tag Section
A tag section é usada para definir seções em um documento, como capítulos, cabeçalhos, rodapés ou qualquer outra seção de conteúdo. Diferentemente da tag article, o conteúdo dentro de uma tag section geralmente não faz sentido por si só, mas faz sentido no contexto da página inteira.
Aqui está um exemplo de como a tag section pode ser usada:
<section>
<h2>Título da Seção</h2>
<p>Este é o conteúdo da seção.</p>
</section>
Título da Seção
Este é o conteúdo da seção.
Neste exemplo, a tag section contém um cabeçalho (<h2>) e um parágrafo (<p>), que juntos formam uma seção de conteúdo.
A Tag Div
A tag div é uma tag de container genérica que é usada para agrupar elementos em bloco para fins de formatação usando CSS (Cascading Style Sheets) ou interações via Javascript . Diferentemente das tags article e section, a tag div não tem significado semântico e é usada puramente para fins de estilo e layout.
Aqui está um exemplo de como a tag div pode ser usada:
<div>
<h2>Título da Div</h2>
<p>Este é o conteúdo da div.</p>
</div>
Título da Divisão
Este é o conteúdo da divisão.
Neste exemplo, a tag div contém um cabeçalho (<h2>) e um parágrafo (<p>), que juntos formam um bloco de conteúdo.
Conclusão
Container tags HTML: Em resumo, as tags article, section e div são usadas para estruturar e organizar o conteúdo em uma página web, cada uma com seu próprio significado e uso específico.
E para fechar com chave de ouro, quero te oferecer uma plataforma de host completa para você ter qualquer site disponível na internet. Clique aqui e conheça a Hostinger!!!
