Icone voltar

O que é HTML semântico?

HTML semântico é uma forma de codificação que usa tags HTML para dar significado ao conteúdo de uma página web. O objetivo é que o conteúdo seja mais compreensível para os usuários, desenvolvedores, navegadores e mecanismos de busca, facilitando também na acessibilidade.

TAGs HTML

  • !DOCTYPE html

    • Indica ao navegador que se trata de um arquivo HTML.

  • html

    • Dentro dessa tag é onde todo o código htlm será escrito.O atributo lang="" indica em qual linguagem a página está sendo desenvolvida.

  • head

    • Cabeçalho: é a onde vai todo o conteúdo não visível como metagens, titulo, link, base, script, style, etc.

  • title

    • Título da página que aparecerá na aba do navegador.

  • meta

    • É as metagens da página. charset="" indica que a página deve ser interpretada com os caractéries em UTF-8

  • link

    • Insere o link para outro arquivo ???

  • base

    • ???

  • style

    • Adiciona estilo a página com código CSS

  • script

    • Adiciona o script JS

  • body

    • Corpo do site: conteúdo visível da página. Aqui vai todas as tags, excerto as utilizadas no head.

  • header

    • Cabeçalho da página

  • nav

    • Define um conteúdo de navegação. Portanto, é muito utilizado em conjunto com listas e na criação de menus