¿Son las etiquetas HTML 5 sensibles a mayúsculas y minúsculas?

¿Son las etiquetas HTML 5 sensibles a mayúsculas y minúsculas?

¿Son las etiquetas HTML 5 sensibles a mayúsculas y minúsculas?

VALORACIÓN DEL ARTÍCULO:
5/5


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

 y 

 y 

 son 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.

TAMBIÉN TE INTERESA

Xiaomi-14-Series

Xiaomi 14 Series se suma a la puja por ser el móvil del año

Xiaomi 14 Series llega al mercado para colarse en la eterna batalla que mantienen los flagships de Apple y Samsung. Al igual que sus rivales, los nuevos móviles de la marca china llegan con la IA bajo el brazo y una gran cantidad de razones para aspirar a ser uno de los móviles del 2024.

Sage-Copilot

Sage Copilot: el software de recursos humanos número uno integra la IA Generativa

Son muchas las pymes que actualmente cuentan con el software de Sage para la gestión de los recursos humanos. Contabilidad, finanzas y nóminas, entre otras grandes áreas, son gestionadas por esta popular herramienta entre los negocios españoles e internacionales. La novedad más reciente es la integración de la IA Generativa que han desarrollado los técnicos

OPPO-Air-Glass-3

Esto va de gafas e IA: salen a la luz las OPPO Air Glass 3

No hay duda de que el tema central del Mobile World de este año es la inteligencia artificial. Pero en el evento barcelonés suele destacar por la presentación de nuevos dispositivos por parte de las marcas. Ya vimos lo sorprendentes que pueden llegar a ser las Apple Vision Pro… Ahora OPPO anuncia nuevas gafas en