5 Atributos Globales de HTML5 que nos pueden ser Útiles

HTML

Con HTML el Lenguaje de Marcado podemos aplicar atributos que pueden manipular todo el documento en nuestra vista, estos atributos nos pueden solucionar un problema determinado sin necesidad de usar una librería externa en nuestro proyecto, veamos en este artículo cuales son los atributos globales que podemos usar en HTML.

Vamos a mostrarte una lista con los atributos globales y detallaremos para que sirve cada uno.

Translate

Sintaxis: <elemento translate=”yes|no”>

Este atributo evita que que un texto de nuestra vista sea traducido, por ejemplo si intentas traducir una pagina con el  traductor de Google cuando le agregas el atributo translate a un párrafo, dicho párrafo no será traducido por el Traductor

Access Key

Sintaxis: <elemento accesskey=”teclado”>

Con este atributo puedes usar un botón de tu teclado para ejecutar una acción en la página, por ejemplo si las configuras en tu documento HTML y lo abres con el Navegador Google Chrome puedes usar 2 teclas que te abrirán sus respectivos enlaces, para ir al home presionamos ALT + h y para ir a Google presionamos ALT + g

Para cada Navegador se debe presionar diferentes combinaciones de teclas, te dejamos una tabla a continuacion

Browser Windows Linux Mac
Internet Explorer [Alt] + accesskey N/A
Chrome [Alt] + accesskey [Alt] + accesskey [Control] [Alt] + accesskey
Firefox [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Alt] + accesskey
Safari [Alt] + accesskey N/A [Control] [Alt] + accesskey
Opera Opera 15 o superior: [Alt] + accesskey
Opera 12.1 o antiguos: [Shift] [Esc] + accesskey

En HTML5 este atributo tiene compatibilidad con varios elementos, en cambio con HTML 4 solo con ciertos elementos como <a>, <area>, <button>, <input>, <label>, <legend> y <textarea>

Dir

Sintaxis: <elemento dir=”ltr|rtl|auto”>

Con este atributo podemos alinear el texto que se encuentra dentro de un elemento como un párrafo

Content Editable

Sintaxis: <elemento contenteditable=”true|false”>

Este atributo nos convierte un elemento en editable, por ejemplo si tenemos un párrafo en donde queramos que al usuario al hacerle click tenga la opción de editarlo, es útil para que el usuario pueda editar un contenido en tiempo real y guardarlo en la base de datos

Hidden

Sintaxis: <elemento hidden>

Este atributo es útil para esconder contenidos que no quieres que se muestren en la vista, por ejemplo si estas escribiendo un párrafo de texto y quieres ocultarlo para más adelante terminarlo

Conclusión

Quizás estos atributos globales no parezcan la gran cosa por ser tan simple y sencillo su uso, pero si nos lo tomamos en serio y lo usamos en la práctica podemos ver que son muy útiles.

imagen: bannersnack.com

 

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.

 

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required