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 |