Tags semânticas da estrutura do HTML
O crescimento de aplicações web acelerou o fortalecimento de ferramentas que dessem condições para novos poderes. O html lançou tags semânticas que são específicas para serem usadas para objetivos bem definidos e isso, facilita e muito, o desenvolvimento em diversos aspectos. Vejamos algumas das principais.
A estrutura inicial ficou assim.
Nesse pequeno trecho, temos alguns pontos interessantes. As tags header, nav, main, footer. O que anteriormente em outras versões era feito criando uma div, com a class com o nome que citamos que hoje é uma tag e então, programar o seu comportamento, posicionamento e estilização, hoje ao usar a tag já quer dizer o que é, aonde irá se posicionar e a estilização fica facilitada, mesmo se tivéssemos usado css puro e não o bootstrap.
Esse código acima gera a view a seguir.
Na documentação Developer Mozilla estão listadas todas as tags, descrição e alguns exemplos. Segue algumas interessantes e mais conhecidas.
Para montar esse artigo, consultei a documentação oficial do html no site do mozila e o treinamento Discover da Rocketseat.
Foi construído uma página simples em html em ejs, utilizando Bootstrap para a estilização.
Esse artigo ficou menor que os demais, mas a intenção é tratar situações mais específicas nesse tipo de tema técnico e prático. Tomara que tenha gostado, aplauda o artigo! Até o próximo artigo e ótimos códigos.
