Aprenda a estrutura de uma página em HTML

Hello, there! Se você já trabalhou com uma página em HTML, sabe que existem alguns elementos que são essenciais para compor a estrutura dessa página.

Confira abaixo quais são esses elementos e o que eles significam em inglês. Check it out!

Aprenda a estrutura de uma página em HTML

<header> - Cabeçalho

A <header> é o cabeçalho da página. Essa tag vem da palavra head em inglês, que significa cabeça. A <header> geralmente contém elementos como o título da página, logotipo, menu de navegação, e outros conteúdos introdutórios.

<nav> - Navegação

Geralmente abaixo da <header> temos a tag <nav>, que vem do inglês navigation (navegação). Ela define uma área dedicada à navegação, geralmente contendo links para outras partes do site (menu principal, contato etc).

<section> - Seção

A palavra section significa seção, e o elemento <section> vai definir diferentes seções dentro do conteúdo, que podem conter cabeçalhos, parágrafos, imagens e outros elementos relacionados a um tema específico.

<article> - Artigo

A tag <article>, que significa artigo em português, é usada para conteúdo independente, como um post de blog, uma notícia ou um comentário. A dica para entender melhor é que cada <article> poderia fazer sentido mesmo se fosse removido do contexto da página.

<aside> - À parte

Já a palavra aside significa "à parte" ou "ao lado" em português. Dessa mesma forma, um <aside> é utilizado para conteúdo relacionado, mas que não faz parte do conteúdo central do documento, como barras laterais, listas de links, anúncios ou widgets (ou seja, conteúdo que fica "ao lado" do conteúdo principal).

<div> - Divisão

A tag <div> vem da palavra division, ou seja, divisão. Então um <div> é um contêiner genérico, que pode ser usado para agrupar outros elementos e aplicar estilos específicos a esses elementos. É como se fosse um "subgrupo" dentro do conteúdo principal.

<footer> - Rodapé

A palavra foot significa pé em inglês, então um <footer> (ou seja, o rodapé) vai conter informações extras sobre a página, como direitos autorais, links de termos de serviço, contato etc.

Very interesting, right? Now, can you identify these elements on our page? (Muito interessante, não é? Agora, você consegue identificar esses elementos na nossa página?)

Continue estudando com a gente no nosso artigo "Qual é a diferença entre DESIGN RESEARCH e DESIGN RESOURCE?". See you next time!

Aproveite e faça nosso teste de nível de inglês. Ou baixe nossa apostila que te ensina como aprender inglês de maneira eficiente!

Quer realmente aprender outras línguas, como inglês e espanhol? Conheça os nossos cursos que reforçam o aprendizado de inglês e espanhol.