An Interest In:
Web News this Week
- March 19, 2024
- March 18, 2024
- March 17, 2024
- March 16, 2024
- March 15, 2024
- March 14, 2024
- March 13, 2024
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
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
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To