Explorando Elementos Semânticos em HTML

Abaixo estão os elementos semânticos mais comuns e para que são utilizados.

Tag `header`

Representa a parte superior de uma página da web ou seção. Geralmente contém um logotipo, título ou links de navegação.

Nota

Não confunda header com head. Eles têm finalidades diferentes.

index.html

Tag `nav`

Define um bloco de links de navegação. Frequentemente colocado dentro do cabeçalho.

index.html

Tag `section`

Agrupa conteúdos relacionados em seções lógicas. Cada seção geralmente deve começar com um título.

index.html

Tag article

Representa um conteúdo independente, como uma postagem de blog ou artigo de notícias. Útil para mecanismos de busca identificarem o conteúdo principal.

index.html

Tag `footer`

Define a parte inferior de uma página da web ou seção. Normalmente contém texto de direitos autorais, informações de contato ou links relacionados.

index.html

1. Qual é o principal propósito da tag `<header>`?

2. Qual tag HTML é normalmente utilizada 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>`?

Qual é o principal propósito da tag <header>?

Select the correct answer

Fornecimento de informações cruciais sobre a página e auxílio na navegação.

Definição de uma seção de links de navegação.

Disponibilização de informações suplementares e opções de navegação.

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

Select the correct answer

<section>

<footer>

<nav>

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

Select the correct answer

Conter partes de conteúdo independentes, como postagens de blog ou artigos de notícias.

Organização lógica do conteúdo por meio de títulos para agrupar conteúdos relacionados.

Definição de elementos introdutórios ou um conjunto de links posicionados no topo de uma seção ou página da web.

Quando devemos usar a tag <footer>?

Select the correct answer

Para fornecer encerramento ao conteúdo acima e conter informações suplementares e opções de navegação.

Para definir uma seção de links de navegação.

Para conter partes independentes de conteúdo, como postagens de blog, artigos de notícias ou postagens em fóruns.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2

Pergunte à IA

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

Suggested prompts:

Can you give examples of how to use these tags in HTML?

What is the difference between a section and an article?

Are there any best practices for organizing semantic elements on a webpage?

Incrível!

Completion taxa melhorada para 2.86

Explorando Elementos Semânticos em HTML

Deslize para mostrar o menu

Abaixo estão os elementos semânticos mais comuns e para que são utilizados.

Tag `header`

Representa a parte superior de uma página da web ou seção. Geralmente contém um logotipo, título ou links de navegação.

Nota

Não confunda header com head. Eles têm finalidades diferentes.

index.html

Tag `nav`

Define um bloco de links de navegação. Frequentemente colocado dentro do cabeçalho.

index.html

Tag `section`

Agrupa conteúdos relacionados em seções lógicas. Cada seção geralmente deve começar com um título.

index.html

Tag article

Representa um conteúdo independente, como uma postagem de blog ou artigo de notícias. Útil para mecanismos de busca identificarem o conteúdo principal.

index.html

Tag `footer`

Define a parte inferior de uma página da web ou seção. Normalmente contém texto de direitos autorais, informações de contato ou links relacionados.

index.html

1. Qual é o principal propósito da tag `<header>`?

2. Qual tag HTML é normalmente utilizada 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>`?

Qual é o principal propósito da tag <header>?

Select the correct answer

Fornecimento de informações cruciais sobre a página e auxílio na navegação.

Definição de uma seção de links de navegação.

Disponibilização de informações suplementares e opções de navegação.

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

Select the correct answer

<section>

<footer>

<nav>

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

Select the correct answer

Conter partes de conteúdo independentes, como postagens de blog ou artigos de notícias.

Organização lógica do conteúdo por meio de títulos para agrupar conteúdos relacionados.

Definição de elementos introdutórios ou um conjunto de links posicionados no topo de uma seção ou página da web.

Quando devemos usar a tag <footer>?

Select the correct answer

Para fornecer encerramento ao conteúdo acima e conter informações suplementares e opções de navegação.

Para definir uma seção de links de navegação.

Para conter partes independentes de conteúdo, como postagens de blog, artigos de notícias ou postagens em fóruns.

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2

Explorando Elementos Semânticos em HTML

Tag header

Tag nav

Tag section

Tag article

Tag footer

1. Qual é o principal propósito da tag <header>?

2. Qual tag HTML é normalmente utilizada 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>?

Explorando Elementos Semânticos em HTML

Tag header

Tag nav

Tag section

Tag article

Tag footer

1. Qual é o principal propósito da tag <header>?

2. Qual tag HTML é normalmente utilizada 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>?

Tag `header`

Tag `nav`

Tag `section`

Tag `footer`

1. Qual é o principal propósito da tag `<header>`?

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

4. Quando devemos usar a tag `<footer>`?

Tag `header`

Tag `nav`

Tag `section`

Tag `footer`

1. Qual é o principal propósito da tag `<header>`?

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

4. Quando devemos usar a tag `<footer>`?