Una pregunta que tienen muchos diseñadores web nuevos es si las etiquetas HTML 5 distinguen entre 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 debas ser estricto en la forma en que escribes tu marca HTML!
Volver a XHTML
Antes de que HTML5 entrara en la industria, los profesionales de la web usarían un lenguaje de marcado llamado XHTML para construir sus páginas web.
Cuando escribe 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 a en XHTML. Debía ser muy específico en la forma en que codificó una página web XHTML y solo usó caracteres en minúscula. Esta adherencia estricta fue en realidad un beneficio para muchos nuevos desarrolladores web. En lugar de poder escribir el marcado con una combinación de mayúsculas y minúsculas, sabían que había un formato estricto que debía seguirse. Para cualquier persona que se hizo daño en el diseño web cuando XHTML era popular, la idea de que el marcado podría ser una mezcla de letras mayúsculas y minúsculas parece extraña y totalmente errónea.
HTML5 se suelta
Las versiones de HTML anteriores a XHTML no distinguían entre mayúsculas y minúsculas. HTML5 siguió esa tradición y se apartó de los estrictos requisitos de formato de XHTML.
Entonces, HTML 5, a diferencia de XHTML, no distingue entre mayúsculas y minúsculas. Esto significa que
y
y
Todos son la misma etiqueta en HTML 5. Si te parece un caos, siento tu dolor.
La idea detrás de HTML5 de no ser sensible a mayúsculas y minúsculas fue facilitar que los nuevos profesionales de la web aprendan el idioma, pero como alguien que enseña diseño web a nuevos estudiantes, puedo dar fe de que este no es el caso en absoluto.
Ser capaz de dar a los estudiantes nuevos en diseño web un conjunto definitivo de reglas, como "siempre escriba su HTML en minúsculas", les ayuda a medida que tratan de aprender todo lo que necesitan para aprender a ser un diseñador web. Darles reglas demasiado flexibles en realidad confunde a muchos estudiantes en lugar de facilitarles la tarea.
Me encanta el hecho de que los autores de la especificación HTML5 intentaban ayudar a facilitar el aprendizaje haciéndolo más flexible, pero en este caso, creo que hicieron un paso en falso.
La convención en HTML 5 es usar minúsculas
Si bien es válido escribir etiquetas usando el 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 la época de XHTML estricto han llevado esas mejores prácticas a HTML5 (y más allá). A los profesionales de la web no les importa que una combinación 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.
Gran parte del conocimiento del 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 profesionales experimentados y verán todas las marcas en minúsculas. Si emulan este código, eso significa que también escribirán HTML5 en minúsculas. Esto es lo que parece estar sucediendo hoy.
Mejores Prácticas para Lettercasing
En mi propia experiencia, me parece mejor usar siempre letras minúsculas para el código HTML, así 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 manera diferente a "logo.JPG"), si tiene un flujo de trabajo en el que siempre usa letras minúsculas, nunca debe cuestionar donde la carcasa podría ser el problema si experimenta problemas como imágenes que faltan. Si siempre usa letras minúsculas, puede descartar eso como un problema al depurar problemas del sitio. Este es el flujo de trabajo que imparto a mis alumnos y que utilizo en mi propio trabajo de diseño web.
Artículo original de Jennifer Krynin. Editado por Jeremy Girard.
