Atributos Globales

Este articulo necesita una revisión editorial. Cómo puedes ayudar.

Los atributos globales son atributos comunes a todos los elementos HTML; pueden usarse en todos los elementos, aunque pueden no tener efecto en algunos de ellos.

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

Specification Status Comment
WHATWG HTML Living Standard
The definition of 'Global attributes' in that specification.
Living Standard From latest snapshot, HTML5.1, itemid, itemprop, itemref, itemscope, and itemtype have been added.
HTML5.1
The definition of 'Global attributes' in that specification.
Working Draft Snapshot of WHATWG HTML Living Standard. From HTML5, spellcheck, draggable, and dropzone have been added.
HTML5
The definition of 'Global attributes' in that specification.
Recommendation Snapshot of WHATWG HTML Living Standard. From HTML 4.01 Specification, the concept of global attributes is introduced and the dir, lang, style, id, class, tabindex, accesskey, and title are now true global attributes.
xml:lang which was initially part of XHTML, is now also part of HTML.
hidden, data-*, contextmenu, contenteditable, and translate have been added.
HTML 4.01 Specification Recommendation There are no global attributes defined. Several attributes that will become global attributes in subsequent specifications are defined on a subset of elements.
class and style are supported on all elements but <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, and <title>.
dir is supported on all elements but <applet>, <base>, <basefont>, <bdo>, <br>, <frame>, <frameset>, <iframe>, <param>, and <script>.
id is supported on all elements but <base>, <head>, <html>, <meta>, <script>, <style>, and <title>.
lang is supported on all elements but <applet>, <base>, <basefont>, <br>, <frame>, <frameset>, <iframe>, <param>, and <script>.
tabindex is only supported on <a>, <area>, <button>, <object>, <select>, and <textarea>.
accesskey is only supported on <a>, <area>, <button>, <input>, <label>, <legend> and <textarea>.
title is supported on all elements but <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, and <title>.

Compatibilidad con exploradores

Caracterísitica Chrome Firefox (Gecko) Internet Explorer Opera Safari
accesskey (Yes) (Yes) (Yes) (Yes) (Yes)
class (Yes) (Yes) (Yes) (Yes) (Yes)
contenteditable (Yes) 3.0 (1.9) (Yes) (Yes) (Yes)
contextmenu No support 9 (9) No support No support No support
data-* (Yes) 6 (6) (Yes) (Yes) (Yes)
dir (Yes) (Yes) (Yes) (Yes) (Yes)
draggable (Yes) 2.0 (1.8.1) (Yes) (Yes) (Yes)
dropzone ? No support ? ? ?
hidden (Yes) 4.0 (2) (Yes) (Yes) (Yes)
id (Yes) (Yes) (Yes) (Yes) (Yes)
itemid, itemprop, itemref, itemscope, itemtype ? (Yes) ? ? ?
lang (Yes) (Yes) (Yes) (Yes) (Yes)
spellcheck (Yes) 2.0 (1.8.1) (Yes) (Yes) (Yes)
style (Yes) (Yes) (Yes) (Yes) (Yes)
tabindex (Yes) (Yes) (Yes) (Yes) (Yes)
title (Yes) (Yes) (Yes) (Yes) (Yes)
Caracterísitica Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
accesskey (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
class (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
contenteditable (Yes) (Yes) 1.0 (1.9) (Yes) (Yes) ?
contextmenu No support No support No support No support No support No support
data-* (Yes) (Yes) 6.0 (6) (Yes) (Yes) ?
dir (Yes) (Yes) (Yes) (Yes) (Yes) ?
draggable (Yes) (Yes) 1.0 (1.8.1) (Yes) (Yes) ?
dropzone ? ? No support ? ? ?
hidden (Yes) (Yes) 4.0 (2) (Yes) (Yes) (Yes)
id (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
itemid, itemprop, itemref, itemscope, itemtype ? ? (Yes) ? ? ?
lang (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
spellcheck (Yes) (Yes) 1.0 (1.8.1) (Yes) (Yes) ?
style (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
tabindex (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
title (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: imangas, vltamara
 Última actualización por: imangas,