Sobes.tech
Junior

Qual é a diferença entre os elementos `<aside>`, `<article>` e `<section>` em HTML?

sobes.tech IA

Resposta da IA

  • <article>: Fragmento de conteúdo autónomo e independente, que pode ser divulgado e reutilizado fora do contexto da página atual (por exemplo, uma entrada de blog, notícia, comentário). Deve ter um título dentro.
  • <section>: Secção temática do conteúdo da página. Geralmente tem um título (<h1>-<h6>) e agrupa conteúdo relacionado. Não deve ser usado apenas para estilização — para isso, existe <div>.
  • <aside>: Conteúdo que está indiretamente relacionado com o conteúdo principal da página. Frequentemente usado para painéis laterais, inserções, blocos publicitários ou citações.

Comparação em tabela:

Elemento Propósito Autossuficiência Requer título (não obrigatório, mas recomendado)
<article> Conteúdo independente e portátil Sim Recomendado
<section> Secção temática dentro do documento Não Recomendado
<aside> Conteúdo indiretamente relacionado (painel lateral) Não Não