Semântica

A semântica é um paradígma que não pertece ao HTML apenas, mas está latente em todas as formas de linguagem

Def: Semântica é o estudo das palavras de uma língua.

Vamos começar por um livro e ver como a semântica é empregada nele. Um livro contém uma série de recursos textuais que visam facilitar o entendimento e busca de informações contidas nele.

Existe a capa, folha de rosto, dedicatória, epígrafe, sumário, lista de ilustrações, lista de abreviaturas e siglas, prefácio, agradecimentos, introdução, conteúdo e referências.

Semantica por "atributos"

Semantica por <tags>

Qual a principal diferença entre as seguintes marcações?

É fácil de perceber que o primeiro foi feito com a marcação estritamente baseada em semântica por atributos + blocos e o segundo baseado em semântica por <tags>.

Entre estes dois exemplos, o segundo mesmo tendo o mesmo conteúdo textual leva vantagem pelo simples fato de terem tags que atribuem valor maior ao conteúdo.

Marcação semântica

Quando utilizamos marcação para a finalidade com que foi criada e respeitando a hierarquia de conteúdo; A partir deste momento temos a marcação com significado e trazemos a nossa linguagem o peso (valor) semântico.

A marcação semântica está diretamente ligada ao SEO. A marcação semântica possui apenas duas regras:

<Tags>

As <tags> definem o que o conteúdo contido nelas é; assim como toda a soma de conteúdo relevante que foi passada pelas <tags> define ao que é pagina se refere.

As <tags> nos ajudam neste sentido de montar um conteúdo rico e relevante, além do próprio conteúdo.

O que precisamos entender

Existem quatro tipos de <tags>: