Neste post quero falar sobre alguns conceitos importantes sobre HTML, algumas boas práticas e itens que às vezes passam despercebidos.

Semântica

O que muitos deixam de falar em seus cursos é sobre semântica HTML e sua importância tanto para SEO quanto para qualquer tipo de engajamento.

Irei falar brevemente sobre, pois quero criar uma série de conteúdo sobre semântica, acho que vale a pena o conteúdo.

De acordo com o dicionário semântica é, num sistema linguístico, o componente do sentido das palavras e da interpretação das sentenças e dos enunciados.

Ou seja semântica nada mais é do que da sentido aquilo que está fazendo. vamos lá para os exemplos, Você está criando seu site de começar a encher seu site de divs em botões, container footer etc.. Isso não é correto! e a resposta do porque não é correto é muito simples, se tudo no seu site for div qual será a semântica qual será o sentido ? No HTML existem vários componentes como header, footer, button todos direcionados para o sentido do HTML.

Se você criar seu site não pensando na semântica ele irá ficar sem sentido, o google e outros buscadores terão dificuldade de interpretar do que se trata seu conteúdo e assim você perde SEO e confiança.

Acessibilidade

Acessibilidade passou a ser um assunto muito importante na web, com a inclusão de novos usuário com deficiência visual o google leva em conta também o quão acessível seu site está até porque isso faz parte da semântica que mencionei acima

HTML não é CSS

Muitos erram em colocar no HTML estilo como exemplo que muitos faziam em tabela colocando spacing etc.. Atualmente toda responsabilidade de estilo fica apenas para como o próprio nome já diz folha de estilo ( CSS, SASS, STYLUS…) não é recomendado que você use no seu projeto diretamente os estilo mas sim apenas a estrutura o corpo e toda responsabilidade de estilo deixar unicamente para sua folha de estilo.

recomendo que leiam o Documentação web da mozila você encontra a documentação completa e eles te dão dicas de bom uso.

Irei montar mais conteúdos de exemplo sobre semântica durante este mês ainda prometo rs

Lembrando que tiverem dicas de conteúdo sugestão ou melhorias me chama nas minhas redes sociais @BendevJunior Twitter ou @bendevoficial Facebook

compartilhar no facebookcompartilhar no twitter

Ultimas Publicações

Dicas para devs react

Vou compartilhar algumas dicas para trabalhar com react, algumas boas práticas então vamos lá!

Imagem de Vem aí next.js conf

Vem aí next.js conf

Next.js irá comemorar 5 anos na sua segunda conferência global