Una pregunta que muchos nuevos diseñadores web tienen es si las etiquetas HTML 5 son sensibles a mayúsculas y minúsculas. La respuesta corta es «No». Las etiquetas HTML5 no distinguen entre mayúsculas y minúsculas, pero eso no significa que no deba ser estricto en la forma de escribir el marcado HTML.
Índice de contenidos
Volver a XHTML
Antes de que el HTML5 llegara a la industria, los profesionales de la web utilizaban un lenguaje de marcado llamado XHTML para construir sus páginas web.
Cuando escriba XHTML, debe escribir todas las etiquetas estándar en minúsculas porque XHTML distingue entre mayúsculas y minúsculas. Esto significa que la etiqueta es una etiqueta diferente que en XHTML. Tenías que ser muy específico en cómo codificar una página web XHTML y usar sólo caracteres en minúsculas. Esta estricta adhesión fue en realidad un beneficio para muchos de los nuevos desarrolladores web. En lugar de poder escribir el marcado con una mezcla de minúsculas y mayúsculas, sabían que había un formato estricto que debía seguirse. Para cualquiera que se inicie en el diseño web cuando XHTML era popular, la misma idea de que el marcado podría ser una mezcla de letras mayúsculas y minúsculas parece ajena y simplemente errónea.
HTML5 se suelta
Las versiones de HTML anteriores a XHTML no distinguen entre mayúsculas y minúsculas. HTML5 siguió esa tradición y se alejó de los estrictos requisitos de formato de XHTML.
Así que HTML 5, a diferencia de XHTML, no distingue entre mayúsculas y minúsculas. Esto significa que
yyson todos la misma etiqueta en HTML 5. Si esto te parece un caos, siento tu dolor.La idea de que HTML5 no distingue mayúsculas de minúsculas era facilitar el aprendizaje del idioma a los nuevos profesionales de la web, pero para alguien que enseña diseño web a nuevos estudiantes, este no es el caso en absoluto.
Ser capaz de dar a los estudiantes nuevos en diseño web un conjunto definitivo de reglas, tales como "siempre escribe tu HTML en minúsculas", les ayuda mientras tratan de aprender todo lo que necesitan para ser diseñadores web. Darles reglas que son demasiado flexibles en realidad confunde a muchos estudiantes en lugar de facilitarles las cosas.
Nos encanta el hecho de que los autores de la especificación HTML5 estaban tratando de ayudar a hacer más fácil el aprendizaje haciéndolo más flexible, pero en este caso, creemos que dieron un paso en falso.
La convención en HTML 5 es usar minúsculas
Aunque es válido escribir etiquetas usando cualquier caso que prefiera al escribir HTML 5, la convención es usar todas las minúsculas para etiquetas y atributos. Esto se debe en parte a que muchos desarrolladores web más experimentados que vivieron los días de XHTML estricto han llevado esas mejores prácticas a HTML5 (y más allá). A esos profesionales de la web no les importa que una mezcla de letras mayúsculas y minúsculas sean válidas en HTML5 hoy en día, se quedarán con lo que saben, que son todas letras minúsculas.
Mucho del conocimiento de diseño web es aprender de otros, especialmente de aquellos que tienen más experiencia en la industria. Esto significa que los nuevos desarrolladores web revisarán el código de los profesionales experimentados y verán todas las marcas en minúsculas. Si emulan este código, eso significa que ellos también escribirán HTML5 en minúsculas. Esto es lo que parece estar sucediendo hoy.
Mejores prácticas para el estuche de cartas
En nuestra experiencia, encontramos que es mejor usar siempre letras minúsculas tanto para el código HTML como para los nombres de los archivos. Debido a que ciertos servidores distinguen entre mayúsculas y minúsculas cuando se trata de nombres de archivos (por ejemplo, "logo.jpg" se verá de forma diferente que "logo.JPG"), si tiene un flujo de trabajo en el que siempre utiliza letras minúsculas, no necesita cuestionar dónde podría estar el problema si está experimentando problemas como la falta de imágenes. Si siempre usas letras minúsculas, puedes descartar que esto sea un problema, al igual que depurar los problemas del sitio. Este es el flujo de trabajo que recomendamos enseñar a los estudiantes y que utilizamos en nuestro trabajo de diseño web.
Original de Jennifer Krynin. Editado por Jeremy Girard.