Atributos Globales HTML5


Los atributos HTML dan a los elementos signficado y contexto.

A continuación tenemos un listado de los atributos que puedes utilizar en todos los elementos HTML5 y que se denominan atributos globales:

Atributos Globales HTML5:

Atributo Descripción
accesskey="caracter"
Especifica una tecla de acceso (comando de acceso directo) que activa o hace foco en el elemento. Es un sólo caracter. Los usuarios pueden acceder al elemento mediante Alt-<tecla> (PC) o Ctrl-<tecla> (Mac).
class="texto" Especifica uno o más nombres de clases para un elemento (haciendo referencia a una clase en una hoja de estilo)
contenteditable="true|false"
Indica al usuario que puede editar el elemento. Este atributo es soportado completamente en las versiones actuales de los navegadores. No en HTML 4.01.
contextmenu="id del elemento <menu> para abrir"
Especifica un menu contextual para un elemento. El menú contextual aparece cuando un usuario hace clic en el elemento. No en HTML 4.01.
dir="ltr|rtl|auto"
Especifica la dirección del texto para el contenido de un elemento. ltr indica de izquierda a derecha; rtl indica de derecha a izquierda; y auto indica que la dirección tiene que ser determinada programáticamente.
draggable="true|false"
Indica si el elemento es arrastrable; se puede mover haciendo click sin soltar, moviéndolo a una nueva posición en la ventana. No en HTML 4.01.
dropzone="copy|move|link|string:text string type| file:file type"
Especifica si cuando los datos arrastrados son soltados, son copiados, movidos, o linkeados.
copy es cuando los datos son copiados; move mueve los datos a una nueva posición; y link crea un link a los datos originales. Si se incluye string:text/plain esto permite utilizar cualquier texto. El atributo file: indica que se puede utilizar un archivo (ej: file:image/png). Se pueden utilizar los dos, por ejemplo; dropzone="copy string:text/plain". No en HTML 4.01.
hidden (hidden="hidden" en XHTML)
Evita que el elemento y sus descendientes se muestren en el navegador. Cualquier control de formulario o de script dentro de la sección hidden será ejecutado, aunque no se muestra al usuario. No en HTML 4.01.
id="text string" Especifica un id único por cada elemento.
inert (inert="inert" en XHTML) Indica que el elemento debe ser inerte, lo que significa que no puede ser seleccionado o buscado por el usuario. Sólo WHATWG* y HTML5.1.
itemid="text"
Parte del sistema de microdatos que incluye datos leíbles para la máquina; el atributo itemid indica un identificador reconocido globalmente (como el ISBN de un libro). Es utilizado junto al itemtype y en el mismo atributo itemscope que ha especificado el item. Sólo WHATWG* y HTML5.1.
itemprop="text"
Parte del sistema de microdatos que incluye datos leíbles para la máquina; el atributo itemprop especifica el nombre de la propiedad. El contenido del elemento especifica su valor. El valor puede ser, un URL especificado por el atributo href o una imagen especificada por el atributo src. Sólo WHATWG* y HTML5.1.
itemref="lista de IDs"
Parte del sistema de microdatos que incluye datos leíbles para la máquina; el atributo itemref especifica una lista de elementos (mediante valores ID) de esa misma página a ser incluidos en un item. El atributo itemref debe ser usado en el mismo elemento que el atributo itemscope que ha especificado el item. Sólo WHATWG* y HTML5.1.
itemscope

Parte del sistema de microdatos que incluye datos leíbles para la máquina; itemscope crea un nuevo elemento, un grupo de propiedades (nombre/pares de valores). Sólo WHATWG* y HTML5.1.

itemtype="URL o etiqueta DNS inversa"
Parte del sistema de microdatos que incluye datos leíbles para la máquina; el atributo itemtype indica el tipo de item estandarizado especificado por el URL o por una etiqueta DNS inversa. El atributo itemtype se utiliza en el mismo elemento que el atributo itemscope. Sólo WHATWG* y HTML5.1.
lang Especifica el idioma del contenido del elemento.
xml:lang Especifica el idioma para elementos en documentos XHTML. Sólo en XHTML.
spellcheck="true|false"
Especifica si se debe corregir o no la gramática y la ortografía del elemento. No en HTML 4.01.
style="estilo CSS" Especifica un estilo CSS conforme al elemento.
tabindex="número"
Especifica la posición del elemento en el orden de tabulación del documento. El valor debe ser siempre entre 0 y 32,767. Se usa para tabular a través de los links de la página (o campos de un formulario).
title="texto" Especifica información extra sobre un elemento.
translate="yes|no"
Indica si el texto del contenido del elemento y los valores del atributo deben ser traducidos o no al encontrar el documento. yes es por defecto; no deja el contenido del elemento sin cambiar. No en HTML 4.01.

 

*WHATWG: Web Hypertext Application Technology Working Group.

 


<<Ejemplos de mejoras e incorporaciones respecto a antiguas versiones