Semântica é o significado de palavras ou frases em uma linguagem. In HTML, which is a language, elements have their own semantic meaning too. De fato, você pode pensar no seu documento HTML como pensaria em um documento de texto. E assim como em um documento de texto, você pode ter títulos, imagens, texto em negrito e outras formatações. O significado semântico de um elemento refere-se à informação especial que esse elemento transmite. O significado semântico de um elemento p, por exemplo, é um parágrafo de texto:

<p>
  Let me tell you about my fantastic holiday in Paris.
  I saw the impressive Eiffel Tower up close!
</p>

A maioria dos elementos tem significado semântico. O elemento div é um dos poucos que não o faz. Mas por que isso é importante? Antes de tudo, usar HTML semântico adequado garantirá a melhor experiência para usuários com tecnologia assistiva como leitores de tela. Mas também, o HTML semântico pode melhorar seu posicionamento em buscas. Isso é referido como otimização para mecanismos de busca, ou SEO. Finalmente, usar elementos semânticos corretos pode melhorar sua experiência de desenvolvimento. Em vez de ter que vasculhar vários desenvolvimentos para encontrar sua barra de navegação, você pode editar o elemento nav diretamente e saber o que está alterando. Ao longo desta seção, você aprenderá mais sobre esses tópicos, como usar elementos semânticos e por que o HTML semântico é tão importante.