HTML é sem dúvidas uma das ferramentas mais importantes para qualquer desenvolvedor web, no entanto existem padrões e diretrizes que devem ser seguidas para assegurar que haja uma melhor experiência do usuário e para que haja uma melhor manutenção e entendimento do seu código. Nunca é tarde para aprender algo novo e sempre existe algo que pode ser útil para ajudar na construção de um site completo e acessível, fatores que podem ser decisivos na construção de um site que proporcione uma boa experiência do usuário.
As boas práticas e convenções para construção de websites modernos, robustos e acessíveis são diversas, por isto neste artigo vamos dar foco para algumas das dicas mais úteis para quem quer aprender a desenvolver arquivos .html ou quem quer relembrar algumas regras que apesar de úteis acabam sendo facilmente relevadas durante o processo de construção da estrutura de uma página web. Caso você tenha interesse em se aprofundar no assunto existem alguns sites que você pode acessar para analisar outras diretrizes, aqui vão alguns links que julgo serem úteis para iniciar os estudos em boas práticas no HTML:
kinsta - HTML Best Practices to Build Maintainable and Scalable Websites
freecodecamp - HTML Best Practices – How to Build a Better HTML-Based Website
hail2u - For writing maintainable and scalable HTML documents
Algumas dicas
| Dica | Boa Prática | Má Prática |
| Sempre declare o Doctype no início da página. | <!DOCTYPE html> | |
| Utilize arquivos de estilo CSS externos. | <link rel="stylesheet" href="styles.css"> | Não utilize o CSS inline |
| Seja consistente, adote um padrão. | <a href="#status">Status</a> | <a HREF="#status">Status</a> |
| Imagens precisam ter um atributo alt. | <img id="logo" src="images/kinsta_logo.png" alt="Kinsta logo" /> | <img id="logo" src="images/kinsta_logo.png"/> |
| Atribua títulos apropriados. | <title>HTML Best Practices in Website Design</title> | <title>HTML</title> |
Existem outras diversas dicas e padrões que podem ajudar na hora de codar suas páginas, mas algumas das melhores eu separei para o final para que possamos discutir melhor a aplicação delas, a primeira é Keep it simple e essa dica pode ser utilizada em uma gama estratosféricas na sua carreira, não há necessidade de complicar algo que em tese deveria ser feito para facilitar. A próxima dica é Produza com foco no SEO todos os desenvolvedores web deveriam manter em mente de que estão produzindo para que sua página seja acessada pelo maior número de pessoas interessadas, isso significa que ter uma boa classificação nos buscadores, pois páginas que não são encontradas não são indexadas. Por último, mas não por isso finalizando apenas com essas dicas temos Reduza o número de elementos e Agrupe sessões relevantes essas dicas finais farão com que seu código se torne mais limpo e de fácil entendimento e manutenção, sempre é necessário olhar nosso código como um produto escalável e isso significa que outra pessoa devem ser capaz de analisar e alterar ele de forma rápida.