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:
| Attributes | Description | Value | Syntax |
|---|---|---|---|
| accesskey | Genera 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"> |
| class | Añ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"> |
| contenteditable | Especifica 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 |
| contextmenu | Obsoleto. 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"> |
| dir | Define 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 |
| draggable | Define 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 |
| dropzone | Especifica 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 |
| hidden | Cuando está presente, indica que un elemento aún no es relevante o ya no lo es. Los navegadores ocultarán el elemento. | - | <element hidden> |
| id | Define un id único para el elemento. Los identificadores deben tener al menos un carácter y no deben contener espacios. | id | <element id="id"> |
| lang | Define el idioma del contenido del elemento. Consulta todos los códigos de idioma aquí. | language_code | <element lang="language_code"> |
| spellcheck | Define 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 |
| style | Define 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"> |
| tabindex | Define 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"> |
| title | Proporciona información adicional sobre el elemento. Los navegadores normalmente la muestran como un tooltip. | text | <element title="text"> |
| translate | Define 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?