Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
January 28, 2022 04:51 am GMT

Vem aprender sobre HTML semntico

Antes de falar de semntica, vamos conceituar o HTML (Hypertext Markup Language). O HTML basicamente um arquivo que pode ser lido pelos navegadores, nele podemos definir toda a estrutura de um site e seu contedo, seja ele texto, vdeo, imagem etc.
Ento basicamente usamos o HTML para construo de pginas na web

Ento o que seria o HTML semntico?
Bem, antes do HTML5 (verso atual) a estrutura de um HTML era dividida em divs e cada div tinha sua classe.
Ento se eu quisesse fazer um header (cabealho) no meu site seria dessa forma:

<div class="header"> ...</div>

Mas essa estrutura dificultava os navegadores na hora da leitura e compreenso, bem como os leitores de acessibilidade.

Ento a partir do HTML5 foram criadas as tags semnticas para facilitar na leitura e no processamento das informaes contidas na pgina.
Com o HTML semntico, nosso header (cabealho) pode ser descrito com a tag semntica header:

<header>...</header>

O header somente um exemplo de tag semntica, existem aproximadamente umas 100 tags semnticas que podemos usar para ajudar os navegadores a interpretar melhor nosso site.

Confira uma lista dessas tags aqui

Diferena entre o HTML4 e o HTM5 semntico

Lembrando que semntica tambm pode ser aplicada ao JavaScript e CSS! Veja um pouco aqui

Referncias

Meu instagram:
@_dyanadev


Original Link: https://dev.to/luysla/vem-aprender-sobre-html-semantico-2n6l

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To