Curso Fundamentos de HTML: Construindo a Web
Sobre a Aula

Elemento aside

O elemento aside é usado para criar uma seção de uma página da web que consiste de conteúdo que é tangencialmente relacionado ao conteúdo do seu entorno, que poderia ser considerado separado do conteúdo.

Essas seções são, muitas vezes, representadas como barras laterais.

O elemento aside é um elemento filho do elemento body.

Por exemplo, o seguinte código cria uma barra lateral com o texto “Publicidade“:

<aside>
  <h2>Publicidade</h2>
  <img src="ad.jpg" alt="Publicidade">
</aside>

Quando um usuário rola a página, a barra lateral pode ser exibida ou ocultada, dependendo da largura da janela do navegador.

O elemento aside pode ser usado para criar uma variedade de seções, incluindo:

  • Barras laterais com informações complementares, como notícias, atualizações ou links externos.
  • Publicidade.
  • Biografias do autor.
  • Conteúdo relacionado, como um glossário ou índice.

Aqui estão algumas dicas para usar o elemento aside:

  • Use o elemento aside apenas para conteúdo que é tangencialmente relacionado ao conteúdo principal da página.
  • Mantenha o conteúdo do elemento aside breve e fácil de ler.
  • Use o elemento aside de forma consistente em toda a sua página da web.

Livro - e-book de HTML para iniciante

Entrar na conversa
Rolar para cima