Uma questão que muitos novos web designers têm é se as tags HTML 5 diferenciam maiúsculas de minúsculas ou não? A resposta curta é não". As tags HTML5 não diferenciam maiúsculas de minúsculas, mas isso não significa que você não deve ser rigoroso na forma como escreve sua marcação HTML!
Voltar para XHTML
Antes da entrada do HTML5 na indústria, os profissionais da Web usavam uma linguagem de marcação chamada XHTML para construir suas páginas da web.
Quando você escreve XHTML, você deve escrever todas as tags padrão em letras minúsculas porque XHTML faz distinção entre maiúsculas e minúsculas. Isso significa que a tag é uma tag diferente do que em XHTML. Você tinha que ser muito específico na forma como codificava uma página XHTML e usava apenas caracteres minúsculos. Essa adesão estrita foi realmente um benefício para muitos novos desenvolvedores da web. Em vez de poder escrever marcações com uma mistura de letras minúsculas e maiúsculas, eles sabiam que havia um formato estrito que deveria ser seguido. Para qualquer um que tenha aprendido a usar web design quando o XHTML era popular, a idéia de que a marcação poderia ser uma mistura de letras maiúsculas e minúsculas parece estranha e simplesmente errada.
HTML5 fica solto
As versões do HTML anteriores ao XHTML não faziam distinção entre maiúsculas e minúsculas. O HTML5 seguiu essa tradição e abandonou os requisitos rígidos de formatação do XHTML.
Portanto, o HTML 5, diferentemente do XHTML, não diferencia maiúsculas de minúsculas. Isso significa que
e
e
são todos da mesma tag em HTML 5. Se isso parece um caos para você, sinto sua dor.
A idéia por trás do HTML5 de não fazer distinção entre maiúsculas e minúsculas era facilitar para os novos profissionais da Web aprender o idioma, mas como alguém que ensina web design para novos alunos, posso absolutamente atestar o fato de que esse não é o caso.
Ser capaz de dar aos alunos novos para web design um conjunto definitivo de regras, como "sempre escrever seu HTML como minúsculas", ajuda-os a tentar aprender tudo o que precisam para aprender a ser um web designer. Dando-lhes regras que são muito flexíveis, na verdade, confunde muitos alunos, em vez de tornar mais fácil para eles.
Eu adoro o fato de que os autores das especificações do HTML5 estavam tentando facilitar o aprendizado, tornando-o mais flexível, mas, neste caso, acho que eles fizeram um passo em falso.
Convenção em HTML 5 é usar minúsculas
Embora seja válido escrever tags usando qualquer caso que você preferir ao escrever HTML 5, a convenção é usar todas as minúsculas para tags e atributos. Isso se deve em parte porque muitos desenvolvedores web mais experientes, que passaram pelos dias de XHTML, levaram essas práticas recomendadas para o HTML5 (e além). Aqueles profissionais da web não se importam que uma mistura de letras maiúsculas e minúsculas sejam válidas hoje em HTML5, elas permanecerão com o que sabem, que é todas as letras minúsculas.
Muito do conhecimento de web design é aprender com os outros, especialmente daqueles que são mais experientes na indústria. Isso significa que os novos desenvolvedores da Web analisarão o código de profissionais experientes e verão todas as marcações em minúsculas. Se eles emularem esse código, isso significa que eles também escreverão HTML5 em letras minúsculas. Isso é o que parece estar acontecendo hoje.
Práticas recomendadas para lettercasing
Em minha própria experiência, acho melhor sempre usar letras minúsculas para código HTML, bem como para nomes de arquivos. Como certos servidores diferenciam maiúsculas e minúsculas quando se trata de nomes de arquivos (por exemplo, "logo.jpg" será visto de forma diferente de "logo.JPG"), se você tiver um fluxo de trabalho em que sempre use letras minúsculas, nunca precisará questionar onde o case pode ser o problema se você estiver tendo problemas como falta de imagens. Se você sempre usa letras minúsculas, pode desconsiderar isso como um problema ao depurar problemas do site. Este é o fluxo de trabalho que eu ensino para meus alunos e que uso no meu próprio trabalho de web design.
Artigo original de Jennifer Krynin. Editado por Jeremy Girard.
