Saltar al contenido

Atributos globales de HTML

Los atributos globales se pueden usar en cualquier elemento HTML. Sin embargo, algunos atributos no tienen efecto en ciertos elementos. Por ejemplo, spellcheck no afectará el comportamiento ni la semántica de un párrafo, y lang no tendrá efecto en un elemento sin contenido.

Puedes encontrar todos los atributos globales y sus explicaciones a continuación:

AttributesDescriptionValueSyntax
accesskeyGenera un atajo de teclado para el elemento. La forma de acceder a la tecla de acceso rápido varía según el navegador (por ejemplo, ALT, CTRL, ALT+SHIFT o CTRL+ALT).character<element accesskey="character">
classAñade uno o más nombres de clase a un elemento. Cuando se usa con hojas de estilo, indica al navegador qué clases deben aplicar propiedades al elemento.classname<element class="classname">
contenteditableEspecifica si el contenido de un elemento es editable. Con el valor "true", el contenido será editable; con el valor "false" (predeterminado), no lo será.true false<element contenteditable="true
contextmenuObsoleto. Se usaba para crear un menú contextual para el elemento, que se mostraba cuando el usuario hacía clic con el botón derecho. Eliminado del HTML Living Standard.menu_id<element contextmenu="menu_id">
data-*Permite incrustar atributos de datos personalizados en todos los elementos HTML. Estos atributos son accesibles a través de la API dataset de JavaScript.value<element data-attribute="value">
dirDefine la dirección del texto del contenido dentro del elemento. Útil para insertar contenido con una dirección de texto diferente, como árabe o hebreo.rtl ltr auto<element dir="ltr
draggableDefine si un elemento se puede arrastrar. Cuando es "true", el navegador permite arrastrarlo; cuando es "false", el arrastre está deshabilitado.true false auto<element draggable="true
dropzoneEspecifica si los datos arrastrados se copian, se mueven o se enlazan después de soltarlos. Si se omite, por defecto se asume "copy".copy move link<element dropzone="copy
hiddenCuando está presente, indica que un elemento aún no es relevante o ya no lo es. Los navegadores ocultarán el elemento.-<element hidden>
idDefine un id único para el elemento. Los identificadores deben tener al menos un carácter y no deben contener espacios.id<element id="id">
langDefine el idioma del contenido del elemento. Consulta todos los códigos de idioma aquí.language_code<element lang="language_code">
spellcheckDefine si se pueden comprobar errores ortográficos en un elemento. Cuando es "true" o una cadena vacía (""), los navegadores suelen subrayar las palabras mal escritas y ofrecer alternativas. Cuando es "false", las comprobaciones ortográficas se desactivan.true false<element spellcheck="true
styleDefine estilos CSS en línea para un elemento. A diferencia del atributo class, esto aplica los estilos directamente al elemento.style_definitions<element style="style_definitions">
tabindexDefine el orden de tabulación para un elemento al navegar con la tecla "Tab". Si el valor es negativo, el elemento se excluye de la navegación secuencial con el teclado.number<element tabindex="number">
titleProporciona información adicional sobre el elemento. Los navegadores normalmente la muestran como un tooltip.text<element title="text">
translateDefine si el contenido de un elemento debe traducirse. Cuando es "yes" o una cadena vacía (""), los navegadores traducirán el texto. Cuando es "no", el elemento se excluye de la traducción.yes no<element translate="yes

Practice

Which of the following is a true statement about HTML Global attributes according to https://www.w3docs.com/learn-html/global-attributes.html?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.