Atributos Globales

Los atributos globales pueden especificarse en todos los  elementos HTML, e incluso en aquellos no especificados en el estándar. Esto significa que cualquier elemento no estandar también debe permitir estos atributos, aún cuando el uso de tales elementos significa que el documento ya no cumple con HTML5.  Por ejemplo los navegadores que cumplen HTML5 esconden contenido que se marque como <foo hidden>...</foo>, aún cuando <foo> no es un elemento HTML válido.

Además de los atributos globales y básicos de HTML,  también existen los siguientes atributos globales :

• xml:lang y xml:base — estos son heredados de las especificaciones  XHTML y en desuso, pero se mantienen por propósitos de compatibilidad.
• Los múltiple atributos aria-* , usados para mejora de accesibilidad.
• Los atributos de control de eventos: onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

Descripción

accesskey

Proporciona y genera un acceso de teclado para el elemento actual. Este atributo consiste de una lista de caracteres, separadas por espacios. El navegador debe utilizar el primero que exista en la distribución del teclado del ordenador.

class

Es una lista de clases del elemento, separadas por espacios. Classes permiten a CSS y JavaScript seleccionar y acceder a elementos específicos a través del class selectors o funciones como el método Document.getElementsByClassName().

contenteditable

Es un atributo enumerado que indica si el elemento debe ser modificable por el usuario. Si es así, el navegador modifica su widget para permitir la edición. El atributo debe tener uno de los siguientes valores:

• true o empty string, el cual indicaque el elemento debe ser editable.
• false, el cual indicaque el elemento no debe ser editable.

contextmenu

Es el id de un <menu> para usar como menú contextual para este elemento.

data-*

Forma una clase de atributos, llamados custom data attributes, que permite que la información del propietario sea intercambianda entre el HTML y su representación DOM que puede ser utilizada por los scripts. Todos estos datos personalizados están disponibles a través de la interfaz HTMLElement del elemento the attribute is set on. La propiedadHTMLElement.dataset da acceso al mismo.

dir

Es un atributo enumerado que indica la direccionalidad del texto del elemento. Puede tener los siguientes valores:

• ltr, significa left to right y se utiliza para idiomas que se escriben de izquierda a derecha (como el Español).
• rtl, significa right to left y se utiliza para idiomas que se escriben de derecha a izquierda (como el Árabe);
• auto, permite que el agente decida. Se utiliza un algoritmo básico, que analiza los caracteres dentro del elemento hasta que encuentra un caracter con una direccionalidad fuerte, a continuación, aplica la direccionalidad a todo el elemento.

draggable

Es un atributo enumerado que indica si el elemento puede ser arrastrado, usando la Drag and Drop API. Puede tener los siguiente valores:

• true, indica que el elemento puede ser arrastrado.
• false, indica que el elemento no puede ser arrastrado.

dropzone

Es un atributo enumerado que indica qué tipos de contenidos pueden soltarse sobre el elemento, usando la Drag and Drop API. Puede tener los siguiente valores:

• copy, indica que al soltar se crea una copia del elemento que fue arrastrado
• move, indica que el elemento que fue arrastrado será movido a esta nueva locación.
• link, creará un link a la información arrastrada.

hidden

Es un atributo Booleano que indica si el elemento aún no es, o ya no es, relevante. Por ejemplo, puede usarse para ocultar elementos de la página que no pueden usarse hasta que el proceso de ingreso se complete. El navegador no mostrará/renderizará dichos elementos. Este atributo no debe ser utilizado para ocultar el contenido que legítimamente podría ser mostrado.

id

Define un identificador único (ID) el cual debe ser único en todo el documento. Su propósito es identificar el elemento cuando es objetivo de un linking (usando un fragment identifier), scripting, o styling (mediante CSS).

itemid

Identificador único y global de un item.

itemprop

Usado para agregar propiedades a un item. Cada elemento HTML puede tener un atributo itemprop especificado, donde un itemprop consiste de un par nombre y valor.

itemref

Propiedades que no son descendientes de un elemento mediante el atributo itemscope pueden ser asociadas con el item usando un itemref. Itemref provee una lista de element ids (no itemids) con propiedades adicionales en cualquier parte del documento.

itemscope

Itemscope (usualmente) funciona junto con itemtype para especificar que el HTML contenido en un bloque es sobre un item en particular. Itemscope crea el item y define el scope del itemtype asociado con él. itemtype es una URL válida de vocabulario (como schema.org) que describe el item y el contexto de sus propiedades.

itemtype

Especifica la URL del vocabulario que será usado para defeinir itemprops (propiedades del item) in la estructura de datos. Itemscope es usado para setear el scope de dónde en la estructura de datos es seteado el vocabulario por itemtype.

lang

Participa en la definición del lenguage del elemento, del lenguage en que son escritos elementos no-editables o del lenguage en que deben ser escritos elementos editables. El tag contiene un solo valor en el formato definido en Tags for Identifying Languages (BCP47) documento IETF. xml:lang tiene prioridad sobre el mismo.

spellcheck

Es un atributo enumerado que definde si el elemento se puede comprobar por errores de ortografía. Puede tener los siguientes valores:

• true, indica que el elemento debería, si es posible, chequearse por errores.
• false, indica que el elemento no debe ser chequeado por errores.

style

Contiene declaraciones de estilo CSS para ser aplicadas al elemento. Note que es recomendado que los estilos sean definidos en archivo/s separados. Este atributo y el elemento <style> tienen el objetivo principal de permitir un estilizado rápido, por ejemplo con fines de testeo.

tabindex

Es un atributo Integer que indica si el elemento puede obtener un focus de input (es focusable), si debe participar de la navegación secuencial con el teclado, y si es así, en qué posición. Puede tomar diferentes valores:

• un valor negativo significa que el elemento debe ser focuseable, pero no debe ser alcanzado vía la navegación secuencial del teclado.
• 0 significa que el elemento debe ser focusable y alcanzable vía la navegación secuencial del teclado, pero el orden relativo es definido por la convención de la plataforma.
• a valor positivo which significa que debe ser focusable y alcanzable vía la navegación secuencial del teclado, el orden relativo es definido por el valor del atributo: sigue la secuencia en orden ascendente según el valor de tabindex. Si varios elementos comparten el mismo tabindex, su orden relativo sigue su posición en el documento.

title

Contiene un texto que representa información de asesoramiento en relación al elemento al que pertenece. Dicha información puede típicamente, pero no necesariamente, presentarse al usuario como un tooltip.

translate

Es un atributo enumerado que se utiliza para especificar si los valores de los atributos de un elemento y los valores de su nodo hijo Text son traducidos cuando su página es localizada, o si hay que dejarlos sin cambios. Puede tener los siguientes valores:

• cadena vacía y "yes", indica que el elemento será traducido.
• "no", indica que el elemento no será traducido.

Specificaciones

Compatibilidad con exploradores

Ver también

• Element and GlobalEventHandlers interfaces that allow to query most global attributes.