Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Implementar Elementos Semânticos | HTML Avançado
Quizzes & Challenges
Quizzes
Challenges
/
Fundamentos de HTML

bookDesafio: Implementar Elementos Semânticos

Tarefa

Criar um documento HTML para o site de uma empresa de desenvolvimento Flutter utilizando elementos HTML semânticos para melhorar a acessibilidade e a otimização para mecanismos de busca.

Garantir que cada seção do site esteja envolvida nos elementos HTML semânticos apropriados (<header>, <nav>, <section>, <footer>).

index.html

index.html

copy

Dica

  • Etapa 1: Utilize o elemento header para conter os principais elementos de identidade visual e navegação.
  • Etapa 2: Utilize o elemento nav para o menu de navegação.
  • Etapa 3: Envolva cada seção distinta de conteúdo em um elemento section.
  • Etapa 4: O elemento footer deve conter informações de direitos autorais, links de políticas e detalhes de contato.
index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3

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 provide an example of how the HTML structure should look?

What are some best practices for using semantic HTML in this context?

Can you explain why semantic HTML elements improve accessibility and SEO?

Awesome!

Completion rate improved to 2.86

bookDesafio: Implementar Elementos Semânticos

Deslize para mostrar o menu

Tarefa

Criar um documento HTML para o site de uma empresa de desenvolvimento Flutter utilizando elementos HTML semânticos para melhorar a acessibilidade e a otimização para mecanismos de busca.

Garantir que cada seção do site esteja envolvida nos elementos HTML semânticos apropriados (<header>, <nav>, <section>, <footer>).

index.html

index.html

copy

Dica

  • Etapa 1: Utilize o elemento header para conter os principais elementos de identidade visual e navegação.
  • Etapa 2: Utilize o elemento nav para o menu de navegação.
  • Etapa 3: Envolva cada seção distinta de conteúdo em um elemento section.
  • Etapa 4: O elemento footer deve conter informações de direitos autorais, links de políticas e detalhes de contato.
index.html

index.html

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

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