comparte el articulo 

El regreso del elemento u con HTML5

Actualizado el 23/10/2013 < > 0 Comentarios

Resumen: El elemento u tiene un regreso con la nueva especificación de HTML5, te explicamos las dos nuevas funciones principales de este elemento.

Elementos de presentación como i, b, small y hr se han redefinido en HTML5 con el propósito de darles una relevancia semántica, algunos de éstos elementos fueron en su momento removidos y marcados como no adecuados, identificando su uso como una mala práctica. Uno de los casos más marcados fue el elemento u, esta etiqueta había estado catalogada por mucho tiempo como un elemento que no cumplía con las exigencias requeridas, pero hay un par de casos de uso semánticos que han llevado a traer de vuelta este elemento. Mientras que la mayoría de nosotros nunca necesitará este elemento, en alguna ocasión puede ser el único elemento que realice lo que necesitamos.

Uso anterior

Antes de HTML5, el elemento u se utilizaba exclusivamente para aplicar un estilo de subrayado al texto. Con la introducción de XHTML y el constante uso de CSS, se empezó a aconsejar a los desarrolladores para no utilizar los elementos de presentación y evitar estilizar textos mediante etiquetas, recomendado el uso de hojas de estilo en su lugar.

Pero inclusive antes de esto, el caso de la etiqueta u era especial, ya que muchos la veían como algo malo por su similitud al estilo que le daban los navegadores a los links, haciendo que el texto normal luciera como un enlace, lo que a su vez podía llegar a causar una experiencia frustrante para el usuario cuando este quisiera dar clic sobre el texto para ingresar a alguna otra página.

Uso en HTML5

Inicialmente el elemento u fue enlistado como un elemento no adecuado en HTML5. Sin embargo, con el tiempo se identificó que existen un par de situaciones donde el texto es tradicionalmente subrayado para transmitir un mensaje distinto.

Según la especificación de HTML5, el elemento u se utiliza para representar un fragmento de texto con una inexplicable, aunque explícitamente mostrada, anotación no textual, como por ejemplo etiquetar el texto de una marca de nombre propio en chino o el etiquetado de un texto para indicar que esta mal escrito.

Se que esto puede sonar confuso, por lo mismo trataremos de explicar parte por parte. Cuando se habla de una inexplicable, aunque explícitamente mostrada, anotación no textual, se refiere que el elemento u se utilizará cuando se está anotando algo, pero no se dice explícitamente lo que es, es decir, la anotación está implícita por el contexto.

Marcas de nombres propios chinos

En la escritura china, una marca de nombre propio, es un subrayado se utiliza para marcar los nombres propios, como los nombres de personas, lugares, organizaciones, dinastías, entre otros. Este método de reconocimiento de nombres propios en el texto es similar al uso de la primera letra mayúscula en español.

Retroalimentación de corrección ortográfica

Es muy pero muy probable que nunca tengamos que hacer uso de nombres propios chinos al momento de desarrollar un sitio, por lo que es bueno encontrar un caso más familiar para utilizar esta etiqueta. El elemento u también puede ser utilizado por un corrector de ortografía como indicador de texto incorrecto. El formato por defecto de los procesadores de texto suele ser un subrayado rojo para los errores de ortografía y de uno verde para los errores gramaticales.

Si bien para esta funcionalidad podríamos utilizar la propiedad “text-decoration” o incluso un “border-bottom”, el uso del elemento u nos respaldará en caso de que CSS este desactivado, y potencialmente proporcionará más información para la tecnología de asistencia. Después de todo, si se trata de semántica debe de realizarse con HTML, no con CSS.

¿Realmente necesitamos el elemento u?

Una gran cantidad de personas están totalmente en contra de utilizar etiquetas de presentación con HTML5, debido al uso que se ha especificado para la etiqueta u no me sorprendería que varias personas simplemente decidieran ignorarla por completo y hacer caso omiso de las recomendaciones del W3C. Sin embargo, como ya hemos dicho anteriormente, si la etiqueta da algún tipo de significado o relevancia a un elemento, entonces debe estar dentro de nuestro código HTML.

Si existe un caso de uso semántico para el cual se puede utilizar un elemento que comúnmente era utilizado únicamente para alterar la presentación de un texto, entonces definitivamente lo mejor es reformar dicho elemento en vez de crear uno nuevo que no tenga compatibilidad alguna con navegadores antiguos y que no se relaciona con las etiquetas en páginas que se han desarrollado antes de la salida de HTML5.

Conclusión

Debido a la potencial confusión que puede causar, el utilizar estilos de subrayado en textos que no son enlaces, el elemento u sigue estando en tela de juicio. Sin embargo, es bueno contar con una etiqueta que sirva para añadir un mejor valor semántico a un fragmento de texto que cumpla con alguno de los casos que mencionamos en este artículo. Ahora en vez de hacer uso de una etiqueta genérica como span, simplemente podemos recurrir a u y de esa manera un analizador podrá darle un significado distinto.

Publicado el 23/10/2013, última actualización 23/10/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras