Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprenda Explorando Elementos Semânticos em HTML | HTML Avançado
Fundamentos de HTML

bookExplorando Elementos Semânticos em HTML

Vamos analisar cada tag individualmente:

tag header

Normalmente, são elementos introdutórios ou um conjunto de links posicionados no topo de uma seção ou página da web que oferecem informações essenciais sobre a página e auxiliam os usuários na navegação para outras seções.

Observe que não deve ser confundida com a tag head, pois head e header possuem finalidades diferentes em HTML.

index.html

index.html

copy

tag nav

Define uma seção de links de navegação utilizada para menus ou barras de navegação. O nav é normalmente colocado na seção header de um site.

index.html

index.html

copy

tag section

Organize o documento logicamente utilizando títulos para agrupar conteúdos relacionados. Isso auxilia na compreensão do conteúdo e melhora a visibilidade em mecanismos de busca.

index.html

index.html

copy

tag article

Contém um conteúdo independente, como uma postagem de blog, artigo de notícia ou publicação em fórum. Esse conteúdo auxilia mecanismos de busca a identificar e priorizar o conteúdo central da página web.

index.html

index.html

copy

tag footer

Define um rodapé que normalmente inclui informações de direitos autorais, detalhes de contato e links para conteúdos relacionados. Fornece encerramento ao conteúdo acima e contém informações suplementares e opções de navegação.

index.html

index.html

copy

1. Qual é o principal objetivo da tag <header>?

2. Qual tag HTML é normalmente usada para definir uma seção de links de navegação, como menus ou barras de navegação?

3. Qual é a principal função da tag <section>?

4. Quando devemos usar a tag <footer>?

question mark

Qual é o principal objetivo da tag <header>?

Select the correct answer

question mark

Qual tag HTML é normalmente usada para definir uma seção de links de navegação, como menus ou barras de navegação?

Select the correct answer

question mark

Qual é a principal função da tag <section>?

Select the correct answer

question mark

Quando devemos usar a tag <footer>?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain the difference between the `header` and `head` tags in more detail?

Could you provide examples of how each of these tags is used in a real HTML document?

What are some best practices for organizing content with these semantic tags?

Awesome!

Completion rate improved to 3.13

bookExplorando Elementos Semânticos em HTML

Deslize para mostrar o menu

Vamos analisar cada tag individualmente:

tag header

Normalmente, são elementos introdutórios ou um conjunto de links posicionados no topo de uma seção ou página da web que oferecem informações essenciais sobre a página e auxiliam os usuários na navegação para outras seções.

Observe que não deve ser confundida com a tag head, pois head e header possuem finalidades diferentes em HTML.

index.html

index.html

copy

tag nav

Define uma seção de links de navegação utilizada para menus ou barras de navegação. O nav é normalmente colocado na seção header de um site.

index.html

index.html

copy

tag section

Organize o documento logicamente utilizando títulos para agrupar conteúdos relacionados. Isso auxilia na compreensão do conteúdo e melhora a visibilidade em mecanismos de busca.

index.html

index.html

copy

tag article

Contém um conteúdo independente, como uma postagem de blog, artigo de notícia ou publicação em fórum. Esse conteúdo auxilia mecanismos de busca a identificar e priorizar o conteúdo central da página web.

index.html

index.html

copy

tag footer

Define um rodapé que normalmente inclui informações de direitos autorais, detalhes de contato e links para conteúdos relacionados. Fornece encerramento ao conteúdo acima e contém informações suplementares e opções de navegação.

index.html

index.html

copy

1. Qual é o principal objetivo da tag <header>?

2. Qual tag HTML é normalmente usada para definir uma seção de links de navegação, como menus ou barras de navegação?

3. Qual é a principal função da tag <section>?

4. Quando devemos usar a tag <footer>?

question mark

Qual é o principal objetivo da tag <header>?

Select the correct answer

question mark

Qual tag HTML é normalmente usada para definir uma seção de links de navegação, como menus ou barras de navegação?

Select the correct answer

question mark

Qual é a principal função da tag <section>?

Select the correct answer

question mark

Quando devemos usar a tag <footer>?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2
some-alt