--- title: Atributos globales slug: Web/HTML/Atributos_Globales tags: - Atributos globales - HTML - Referencia - Web translation_of: Web/HTML/Global_attributes ---
Los atributos globales son atributos comunes a todos los elementos HTML; se pueden usar en todos los elementos, aunque es posible que no tengan ningún efecto en algunos elementos.
Los atributos globales se pueden especificar en todos los {{web.link("/es/docs/Web/HTML/Element", "elementos HTML")}}, incluso aquellos no especificados en el estándar. Eso significa que cualquier elemento no estándar debe permitir estos atributos, aunque el uso de esos elementos significa que el documento ya no es compatible con HTML5. Por ejemplo, los navegadores compatibles con HTML5 ocultan el contenido marcado como <foo hidden>...</foo>
, aunque <foo>
no sea un elemento HTML válido.
Además de los atributos globales HTML básicos, también existen los siguientes atributos globales:
{{web.link("/es/docs/Web/Accessibility/ARIA", "aria-*")}}
, utilizados para mejorar la accesibilidad.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
.{{web.link("/es/docs/Web/HTML/Global_attributes/accesskey", "accesskey")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/autocapitalize", "autocapitalize")}}
off
o none
, no se aplica capitalización automática (todas las letras están predeterminadas en minúsculas)on
o sentences
, la primera letra de cada oración de manera predeterminada tiene una letra mayúscula; todas las demás letras están predeterminadas en minúsculaswords
, la primera letra de cada palabra de manera predeterminada tiene una letra mayúscula; todas las demás letras están predeterminadas en minúsculascharacters
, todas las letras de manera predeterminada deben estar en mayúsculas{{web.link("/es/docs/Web/HTML/Global_attributes/class", "class")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/contenteditable", "contenteditable")}}
true
o la cadena vacía, la cual indica que el elemento debe ser editable;false
, el cual indica que el elemento no debe ser editable.{{web.link("/es/docs/Web/HTML/Global_attributes/contextmenu", "contextmenu")}}
{{Obsolete_Inline}}{{web.link("/es/docs/Web/HTML/Global_attributes/data-*", "data-*")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/dir", "dir")}}
ltr
, que significa de izquierda a derecha y s debe usar para idiomas que se escriben de izquierda a derecha (tal como el Español);rtl
, que significa de derecha a izquierda y se utiliza para idiomas que se escriben de derecha a izquierda (tal como el Árabe);auto
, permite que el agente de usuario decida. Utiliza un algoritmo básico ya que analiza los caracteres dentro del elemento hasta que encuentra un carácter con una direccionalidad fuerte, luego aplica esa direccionalidad a todo el elemento.{{web.link("/es/docs/Web/HTML/Global_attributes/draggable", "draggable")}}
true
, indica que el elemento se puede arrastrarfalse
, indica que el elemento no se puede arrastrar.{{web.link("/es/docs/Web/HTML/Global_attributes/dropzone", "dropzone")}}
{{deprecated_inline}}copy
, indica que soltar creará una copia del elemento que se arrastrómove
, indica que el elemento que se arrastró se moverá a esta nueva ubicación.link
, creará un enlace a los datos arrastrados.{{web.link("/es/docs/Web/HTML/Global_attributes/exportparts", "exportparts")}}
{{Experimental_Inline}}{{web.link("/es/docs/Web/HTML/Global_attributes/hidden", "hidden")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/id", "id")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/inputmode", "inputmode")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/is", "is")}}
Nota: Los atributos item*
son parte de Función de microdatos HTML de WHATWG.
{{web.link("/es/docs/Web/HTML/Global_attributes/itemid", "itemid")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/itemprop", "itemprop")}}
itemprop
, donde un itemprop
consiste en un par de nombre y valor.{{web.link("/es/docs/Web/HTML/Global_attributes/itemref", "itemref")}}
itemscope
se pueden asociar con el elemento usando un itemref
. Proporciona una lista de IDs de elementos (no itemid
s) con propiedades adicionales en otras partes del documento.{{web.link("/es/docs/Web/HTML/Global_attributes/itemscope", "itemscope")}}
itemscope
(normalmente) funciona junto con {{HTMLAttrxRef("itemtype")}} para especificar que el HTML contenido en un bloque es sobre un elemento en particular. itemscope
crea el «Item» y define el alcance del itemtype
asociado con él. itemtype
es una URL válida de un vocabulario (tal como schema.org) que describe el elemento y las propiedades de su contexto.{{web.link("/es/docs/Web/HTML/Global_attributes/itemtype", "itemtype")}}
itemprop
s (propiedades del elemento) en la estructura de datos. {{HTMLAttrxRef("itemscope")}} se utiliza para establecer el alcance de la estructura de datos en la que estará activo el vocabulario establecido por itemtype
.{{web.link("/es/docs/Web/HTML/Global_attributes/lang", "lang")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/part", "part")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/slot", "slot")}}
slot
es asignado al espacio creado por el elemento {{HTMLElement("slot")}} cuyo valor del atributo {{HTMLAttrxRef("name", "slot")}} coincide con el valor del atributo slot
.{{web.link("/es/docs/Web/HTML/Global_attributes/spellcheck", "spellcheck")}}
true
, el cual indica que, si es posible, el elemento se debe revisar para detectar errores ortográficos;false
, indica que el elemento no se debe revisar para detectar errores ortográficos.{{web.link("/es/docs/Web/HTML/Global_attributes/style", "style")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/tabindex", "tabindex")}}
0
significa que el elemento se debe poder enfocar y ser accesible a través de la navegación secuencial del teclado, pero su orden relativo está definido por la convención de la plataforma;tabindex
, su orden relativo sigue sus posiciones relativas en el documento.{{web.link("/es/docs/Web/HTML/Global_attributes/title", "title")}}
{{web.link("/es/docs/Web/HTML/Global_attributes/translate", "translate")}}
{{Experimental_Inline}}yes
, indican que el elemento se traducirá.no
, lo cual indica que el elemento no se traducirá.Especificación | Estado | Comentario |
---|---|---|
{{SpecName("HTML WHATWG", "dom.html#global-attributes", "Atributos globales")}} | {{Spec2("HTML WHATWG")}} | |
{{SpecName("CSS Shadow Parts", "#exposing")}} | {{Spec2("CSS Shadow Parts")}} | Se agregaron los atributos globales part y exportparts . |
{{SpecName("HTML5.2", "dom.html#global-attributes", "Atributos globales")}} | {{Spec2("HTML5.2")}} | Instantánea de {{SpecName("HTML WHATWG")}}. De {{SpecName("HTML5.1")}}, se han añadido itemid , itemprop , itemref , itemscope y itemtype . |
{{SpecName("HTML5.1", "dom.html#global-attributes", "Atributos globales")}} | {{Spec2("HTML5.1")}} | Instantánea de {{SpecName("HTML WHATWG")}}. De {{SpecName("HTML5 W3C")}}, ha sido añadido contextmenu , draggable , dropzone y spellcheck . |
{{SpecName("HTML5 W3C", "dom.html#global-attributes", "Atributos globales")}} | {{Spec2("HTML5 W3C")}} | Instantánea de {{SpecName("HTML WHATWG")}}. De {{SpecName("HTML4.01")}}, se introduce el concepto de atributos globales y dir , lang , style , id , class , tabindex , accesskey , y title ahora son verdaderos atributos globales.xml:lang que inicialmente formaba parte de XHTML, ahora también forma parte de HTML.Se han agregado hidden , data-* , contenteditable y translate . |
{{SpecName("HTML4.01")}} | {{Spec2("HTML4.01")}} | No hay atributos globales definidos. Varios atributos que se convertirán en atributos globales en especificaciones posteriores se definen en un subconjunto de elementos.class y style son compatibles con todos los elementos excepto {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} y {{HTMLElement("title")}}.dir es compatible con todos los elementos excepto {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}} y {{HTMLElement("script")}}.id es compatible con todos los elementos excepto {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}} y {{HTMLElement("title")}}.lang es compatible con todos los elementos excepto {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}} y {{HTMLElement("script")}}.tabindex solo es compatible con {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}} y {{HTMLElement("textarea")}}.accesskey solo es compatible con {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}} t {{HTMLElement("textarea")}}.title es compatibles con todos los elementos excepto {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}} y {{HTMLElement("title")}}. |
{{Compat("html.global_attributes")}}