Son HTML 5 etiquetas case sensibles?

Mellores prácticas para escribir elementos HTML 5

Unha pregunta que moitos deseñadores web teñen é saber se as etiquetas HTML 5 son maiúsculas e minúsculas? A resposta curta é: "Non". As etiquetas HTML5 non distinguen entre maiúsculas e minúsculas, pero iso non significa que non debas ser estrita na forma na que escribes o teu marcador HTML.

Volver a XHTML

Antes de que HTML5 entrase na industria , os profesionais da rede usarían un sabor de linguaxe de marcación chamado XHTML para construír as súas páxinas web.

Cando escribes XHTML, debes escribir todas as etiquetas estándar en minúsculas porque XHTML é maiúsculas e minúsculas. Isto significa que a etiqueta é unha etiqueta diferente que en XHTML. Tivo que ser moi específico na forma en que codificaba unha páxina web de XHTML e só usaba caracteres en minúsculas. Esta estrita adherencia foi realmente un beneficio para moitos desenvolvedores web novos. No canto de poder escribir o marcador cunha mestura de minúsculas e maiúsculas, eles sabían que había un formato estrito que se debe seguir. Para quen cortou os dentes no deseño web cando XHTML era popular, a propia idea de que o marcado podería ser unha mestura de letras maiúsculas e minúsculas parece alieníxena e simplemente mal.

HTML5 obtén solto

As versións de HTML antes de XHTML non foron maiúsculas e minúsculas. HTML5 seguiu esa tradición e foise das estritas esixencias de formato de XHTML.

Entón HTML 5, a diferenza de XHTML, non ten maiúsculas e minúsculas. Isto significa que e e son todas as mesmas etiquetas en HTML 5. Se isto parece caos para ti, sento a túa dor.

A idea de que HTML5 non tivese a sensibilidade entre maiúsculas e minúsculas era facilitar a aprendizaxe da lingua dos novos profesionais da rede, pero como alguén que ensina deseño web a novos estudantes, podo testemuñar absolutamente que este non sexa o caso.

Ser capaz de brindar aos estudantes novos ao deseño web un conxunto definitivo de regras, como "escribir sempre o seu HTML en minúsculas", axúdalles cando intentan aprender todo o que precisan para aprender a ser un deseñador web. Darlles regras que son demasiado flexibles realmente confunde a moitos alumnos no canto de facelo máis doado.

Encántame o feito de que os autores da especificación HTML5 trataban de facilitar a aprendizaxe facéndoo máis flexible, pero neste caso creo que fixeron un erro.

A Convención en HTML 5 é usar minúscula

Aínda que é válido para escribir etiquetas usando calquera caso que prefire ao escribir HTML 5, a convención é usar todas as minúsculas para etiquetas e atributos. Isto ocorre en parte porque moitos desenvolvedores web máis experimentados que viviron os días de XHTML estritamente superaron esas mellores prácticas a HTML5 (e máis aló). Estes profesionais da web non lles importa que unha mestura de maiúsculas e minúsculas sexa válida en HTML5 hoxe, seguirán co que saben, que son todas minúsculas.

Tanto o coñecemento do deseño web é aprender doutros, especialmente dos que teñen máis experiencia na industria. Isto significa que os novos desenvolvedores web revisarán o código de profesionais experimentados e verán todos os marcadores en minúsculas. Se emulan este código, isto significa que tamén escribirán HTML5 en minúsculas. Isto é o que parece estar a suceder hoxe.

Mellores prácticas para o envío de cartas

Na miña propia experiencia, considero mellor usar letras minúsculas tanto para o código HTML como para os nomes dos ficheiros. Porque certos servidores distinguen entre maiúsculas e minúsculas cando se trata de nomes de ficheiros (por exemplo, "logo.jpg" verase de forma diferente que "logo.JPG"), se ten un fluxo de traballo onde sempre usa letras minúsculas, nunca terá que preguntar onde a carcasa pode ser o problema se tes problemas como imaxes perdidas . Se sempre usa letras minúsculas, pode descartalo como un problema ao depurar os problemas do sitio. Este é o fluxo de traballo que eu ensino aos meus alumnos e que eu uso no meu propio traballo de deseño web.

Artigo orixinal de Jennifer Krynin. Editado por Jeremy Girard.