O HTML5 diferentemente do HTML4 tem um foco semântico

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ec569be1-a2d0-4a99-b83c-2ce2c40d09c3/1632528620502.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ec569be1-a2d0-4a99-b83c-2ce2c40d09c3/1632528620502.png" width="40px" /> Mas o que é semântica?

</aside>

*“num sistema linguístico, o componente do sentido das palavras e da interpretação das sentenças e dos enunciados.”

-* Oxford Languages -

Isso significa que o HTML5 se propõe a resolver os problemas envolvendo o conteúdo (sentido das palavras) e não sua parte estética.

Todos as modificações estéticas de nosso site serão feitas pelas Folhas de Estilo (o famoso CSS).

Devido a isso, várias tags do HTML4 são obsoletas no HTML5 e não devem ser usadas. Vejam uma lista com as tags obsoletas: **https://dev.w3.org/html5/pf-summary/obsolete.html**


Um exemplo que podemos dar é a tag obsoleta <u> que no HTML4 sublinhava o texto

<p>Isto é um <u>sublinhado</u></p>

Porém veja que o ato de sublinhar um texto é puramente estético e não semântico, para isto que será usado o CSS.