Atributos globales

Los atributos son un mecanismo de HTML mediante el cual los autores pueden establecer parámetros o configuraciones para los elementos. Estos atributos pueden definir, por ejemplo, la dirección del texto o el lenguaje usado dentro del elemento, una relación entre este y otro elemento, o información consultiva para su correcta interpretación, entre muchas otras.

En HTML5 existe un número de atributos definidos para todos los elementos en el estándar, denominados atributos globales. A pesar de ello, no todos los elementos serán afectados por todos los atributos grobales. Por ejemplo, el atributo spellcheck no afectará el comportamiento o la semántica de un párrafo, del mismo modo que el atributo lang no tendrá efecto en un elemento sin contenido o atributos de texto.

Lista de atributos globales

accesskey

Una tecla, o una lista de teclas separadas por espacios, para ser asociadas al elemento. Los navegadores ejecutarán la acción asociada al elemento (por ejemplo, siguiendo un vínculo para el elemento a) o le darán el foco cuando las teclas especificadas en este atributo sean presionadas en combinación con ALT, CTRL, ALT+SHIFT o CTRL+ALT, dependiendo del navegador.

Ejemplo

<p>You can use keys to follow this link: <a accesskey="h" href="http://www.htmlquick.com/">Homepage of HTMLQuick.com</a></p>

You can use keys to follow this link: Homepage of HTMLQuick.com

autocapitalize

Un valor enumerado indicando a los navegadores cómo el texto ingresado por el usuario debería ser automáticamente convertido a mayúsculas. Existen cuatro valores posibles:

  • off ó none: el navegador no debería convertir automáticamente el texto ingresado a mayúsculas.
  • on ó senctences: el navegador debería convertir automáticamente a mayúsculas el primer carácter de cada oración.
  • words: el navegador debería convertir automáticamente a mayúsculas el primer carácter de cada palabra.
  • characters: el navegador debería convertir automáticamente a mayúsculas todos los caracteres ingresados.

Ejemplo

<p>Título: <input type="text" name="titulo" autocapitalize="words"></p>

Título:

autocomplete

El atributo autocomplete provee información acerca de si y cómo los navegadores deberían sugerir opciones automáticamente para este control, como un intento de adivinar lo que el usuario está escribiendo. Existen tres valores posibles para este atributo:

  • El valor on, indicando al navegador que debería sugerir opciones automáticamente pero sin proveer ninguna otra información acerca del tipo de datos que se espera en el control.
  • El valor off, indicando al navegador que no debería sugerir opciones automáticamente, ya sea debido a que la información a ser ingresada en el control es particularmente sensible (como el usuario para acceder a un área muy segura) o debido a que su valor nunca será reutilizado (como una clave de uso único en un proceso de registración).
  • Una lista de identificadores de detalles de autocompletado, indicando al navegador que debería sugerir opciones automáticamente y especificando el tipo de valor que se espera recibir.

Los valores "on" y "off" nunca aplican a elementos input cuyos atributos type poseen el valor hidden. En tales elementos, el contenido de este atributo describe el significado del valor del elemento.

Una lista de identificadores de detalles de autocompletado puede estar compuesta por los siguientes identificadores en el orden especificado.

  1. Opcionalmente, un identificador que comience con la cadena "section-" (insensible a mayúsculas/minúsculas), indicando el grupo al cual el campo pertenece.
  2. Opcionalmente, uno de los dos identificadores siguientes (insensibles a mayúsculas/minúsculas):
    • shipping: el campo es parte de la dirección de envío.
    • billing: el campo es parte de la dirección de facturación.
  3. Una de las dos opciones siguientes:
    • Cualquiera de los siguientes identificadores (insensibles a mayúsculas/minúsculas):
      • Para entradas de texto (elementos input de tipo hidden, text ó search, textarea y select):
        • name: un nombre completo
        • honorific-prefix: un prefijo o título, como Sir, Sr., Dr., etc.
        • given-name: un primer nombre.
        • additional-name: nombres adicionales o secundarios.
        • family-name: un apellido o nombre de familia.
        • honorific-suffix: un sufijo, como Jr., II ó ABIST.
        • nickname: un sobrenombre o nombre corto utilizado en lugar del nombre completo.
        • organization: la empresa asociada con la persona o información en otros campos asociados a este campo.
        • organization-title: un título profesional, como Contador, Arquitecto, Ingeniero, etc.
        • username: un nombre de usuario, típicamente usado para operaciones de acceso, como "adan457" ó "materia_oscura_01".
        • address-line1: una componente de una dirección.
        • address-line2: una componente de una dirección.
        • address-line3: una componente de una dirección.
        • address-level4: el nivel administrativo más específico, en direcciones con cuatro niveles administrativos.
        • address-level3: el tercer nivel administrativo, en direcciones con tres o más niveles administrativos.
        • address-level2: el segundo nivel administrativo, en direcciones con dos o más niveles administrativos. En países con dos niveles administrativos, esto sería típicamente la ciudad, pueblo o aldea.
        • address-level1: el nivel administrativo más amplio. Esto podría ser la provincia o estado dentro del cual se encuentra la localidad.
        • country: un código de país representando a un país, como "US", "UK" ó "ES".
        • country-name: el nombre de un país, como Albania, Liberia ó Uruguay.
        • postal-code: un código postal, código ZIP, código CEDEX (si es CEDEX, se debe agregar "CEDEX", y el distrito, si es relevante, al campo address-level2), etc., como 02139, 1428 ó 10025.
        • cc-name: un nombre completo como figure en el instrumento de pago.
        • cc-given-name: un primer nombre como figure en el instrumento de pago.
        • cc-additional-name: nombres adicionales o secundarios como figure en el instrumento de pago.
        • cc-family-name: un apellido o nombre de familia como figure en el instrumento de pago.
        • cc-number: un código identificando al instrumento de pago, como el número de una tarjeta de crédito.
        • cc-csc: el código de seguridad del el instrumento de pago (CSC, CVC, CVV, SPC, CCID, etc.).
        • cc-type: el tipo de intrumento de pago utilizado, como la tarjeta de crédito.
        • transaction-currency: un código de divisa representando a la divisa a ser usada en la transacción, como "USD", "ARS" ó "GBP".
        • language: una etiqueta de lenguaje identifiando al idioma preferido, como "en", "en-GB" ó "es-419".
        • sex: un identificador de género, como masculino o femenino.
      • Para entradas de contraseñas (elementos input de tipo hidden, text, search ó password, textarea y select):
        • new-password: una nueva contraseña, típicamente requerida al crear una cuenta o al cambiar una contraseña.
        • current-password: la actual contraseña, típicamente requerida al ingresar o al cambiar una contraseña.
        • one-time-code: un código de un solo uso, utilizado para verificar la identidad del usuario.
      • Para entradas de múltiples líneas (elementos input de tipo hidden, textarea y select):
        • street-address: una dirección, posiblemente compuesta por múltiples líneas.
      • Para entradas de mes (elementos input de tipo hidden, text, search ó month, textarea y select):
        • cc-exp: la fecha de expiración del instrumento de pago.
      • Para entradas numéricas (elementos input de tipo hidden, text, search ó number, textarea y select):
        • cc-month: el mes de expiración del instrumento de pago.
        • cc-year: el año de expiración del instrumento de pago.
        • transaction-amount: el monto de la transacción, como al ingresar un valor en una subasta.
        • bday-day: el día de una fecha de nacimiento.
        • bday-month: el mes de una fecha de nacimiento.
        • bday-year: el año de una fecha de nacimiento.
      • Para entradas de fecha (elementos input de tipo hidden, text, search ó date, textarea y select):
        • bday: una fecha de nacimiento.
      • Para entradas de URL (elementos input de tipo hidden, text, search ó url, textarea y select):
        • url: una página correspondiente a la empresa, persona, dirección o información de contacto en otros campos asociados a este campo, como "http://www.yo-soy-juan.com".
        • photo: una fotografía, ícono, u otra imagen a la empresa, persona, dirección o información de contacto en otros campos asociados a este campo, como "http://www.yo-soy-juan.com/imagenes/yo.jpg".
    • Lo siguiente, en el orden dado:
      1. Opcionalmente, un identificador que coincide (insensible a mayúsculas/minúsculas) con alguno de los valores siguientes:
        • home: indicando que el campo es para contactar a alguien en su residencia.
        • work: indicando que el campo es para contactar a alguien en su lugar de trabajo.
        • mobile: indicando que el campo es para contactar a alguien en su dispositivo móvil.
        • fax: indicando que el campo describe datos de contacto de una máquina de fax.
        • pager: indicando que el campo describe datos de contacto de un pager ó beeper.
      2. Un identificador que coincide (insensible a mayúsculas/minúsculas) con alguno de los siguientes identificadores de detalles de autocompletado:
        • Para entradas telefónicas (elementos input de tipo hidden, text, search ó telephone, textarea y select):
          • tel: un número de teléfono completo, incluyendo el código de país, como +1 617 253 5702.
        • Para entradas de texto (elementos input de tipo hidden, text ó search, textarea y select):
          • tel-country-code: el código de país de un número telefónico, como +1 ó +54.
          • tel-national: un número de teléfono sin el código de país, con un prefijo nacional, si corresponde, como 617 253 5702.
          • tel-area-code: el código de área de un número telefónico, como 617.
          • tel-local: un número de teléfono sin el código de país y sin el código de área nacional, como 253 5702.
          • tel-local-prefix: la primera parte de un número de teléfono sin código de país y sin código de área, cuando ese número se encuentra dividido en dos componentes.
          • tel-local-suffix: la segunda parte de un número de teléfono sin código de país y sin código de área, cuando ese número se encuentra dividido en dos componentes.
          • tel-extension: el código de extensión interno de un número telefónico.
        • Para entradas de e-mail (elementos input de tipo hidden, text, search ó email, textarea y select):
          • email: una dirección de correo electrónico, como juanperez@desconocido.com.
          • username: un nombre de usuario, típicamente usado para operaciones de acceso, como "segundo_plano@astromail.com".
        • Para entradas de URL (elementos input de tipo hidden, text, search ó url, textarea y select):
          • impp: una URL representando a un punto de un protocolo de mensajería instantánea, como "aim:goim?screenname=juanperez" ó "xmpp:juanperez@desconocido.com".

Usualmente, los navegadores llevan a cabo las operaciones de autocompletado recuperando datos de una base de datos con entradas previas u otras fuentes con información del usuaio.

Ejemplo

<form action="../../form-result.php" method="post" target="_blank">
  <p>
    Código de registración: <input type="text" name="codigoreg" autocomplete="off"><br>
    Usuario: <input type="text" name="usuario" autocomplete="username"><br>
    <input type="submit" value="Enviar datos">
  </p>
</form>

Código de registración:
Usuario:

class

El nombre de una clase, o una lista de nombres de clases separados por espacios. Este atributo es utilizado en conjunto con hojas de estilo e indica al navegador qué clases se supone asignarán atributos presentacionales al elemento.

Ejemplo

<p class="referencias">Este artículo está basado en el libro "El viento en lo árboles" de Jhon L. Brooks</p>

contenteditable

Un valor que indica al navegador si debería permitir al visitante editar los contenidos del elemento. Si el atributo toma el valor "true" o la cadena vacía (""), o si simplemente está presente, los contenidos del elemento serán editables. Si toma el valor "false" (valor por defecto) o si está ausente, los contenidos no serán editables.

Ejemplo

<p contenteditable>Si tu navegador soporta este atributo, podrás editar este párrafo.</p>

Si tu navegador soporta este atributo, podrás editar este párrafo.

contextmenu

El valor de id de un menú emergente contextual (menu con el valor "popup" en su atributo type). Este menu será mostrado por los navegadores como un menú contextual para el elemento, habitualmente cuando el usuario haga click derecho sobre éste.

El soporte nativo para interfaces de menú es incompleto. Los autores pueden tener que depender de scripts para proveer esta funcionalidad en cualquier navegador, hasta que el soporte aumente.

Ejemplo

<p contextmenu="menumegusta">Cuando te das cuenta que estás del lado de la mayoría, es tiempo de hacer una pausa y refleccionar.</p>
<menu type="popup" id="menumegusta">
  <menuitem label="Fabuloso!" type="radio" radiogroup="megustagruporadio" checked></menuitem>
  <menuitem label="Mmm... nah!" type="radio" radiogroup="megustagruporadio"></menuitem>
</menu>

Cuando te das cuenta que estás del lado de la mayoría, es tiempo de hacer una pausa y refleccionar.

dir

La dirección en la que el texto en el contenido del elemento está escrito. Este atributo es útil al insertar una porción de contenido con una direccionalidad diferente a la del documento, como cuando se incluyen textos en arábico, hebreo, o siríaco en un documento escrito en alguna lengua occidental. Puede tomar tres valores indiferentes a mayúsculas y minúsculas:

  • rtl: Derecha a izquierda.
  • ltr: Izquierda a derecha.
  • auto: El navegador decide qué direccionalidad tiene el texto.

El mecanismo provisto por los navegadores para detectar la direccionalidad del texto es muy primitivo. Se alienta a los autores a proveer un valor para este atributo (aparte de "auto") cuando sea necesario.

Ejemplo

<p>El cartel decía: <q lang="he" dir="rtl">[texto en hebreo]</q>.</p>

draggable

Un valor booleano que especifica si el elemento puede ser arrastrado. Si el atributo toma el valor "true", el navegador le permitirá al usuario que arrastre este elemento. Si toma el valor "false" las capacidades de arrastre no serán provistas.

Cuando este atributo está presente, el atributo title debe estar presente también y proveer un nombre para el elemento, vital en interacciones no-visuales.

Desafortunadamente, el soporte provisto por los navegadores para operaciones de "arrastrar y soltar" es extremadamente bajo. Los autores pueden tener que recurrir a scripts hasta que el soporte aumente.

Ejemplo

<p draggable="true">Si tu navegador lo permite, puedes arrastrar este párrafo.</p>

Si tu navegador lo permite, puedes arrastrar este párrafo.

enterkeyhint

Un atributo enumerado que provee a los navegadores una pista acerca del propósito de la tecla enter en el contexto actual. Los navegadores pueden consecuentemente mostrar un ícono específico para la tecla enter en teclados virtuales, que refleje de mejor forma la acción que será ejecutada al presionar la tecla.

El atributo enterkeyhint ha sido introducido recientemente al estándar y se espera que el soporte provisto por los navegadores sea bajo. Sin embargo, su uso es aún recomendado ya que puede proveer una característica no crucial cuando es soportado.

Ejemplo

<form action="../../form-result.php" method="post" target="_blank">
  <p>
    Busca tu libro: <input type="text" name="busquedalibro" inputmode="search" enterkeyhint="search">
    <input type="submit" value="Buscar">
  </p>
</form>

Busca tu libro:

hidden

Un valor que indica que el elemento no es aún, o ya no es más, relevante. El atributo puede indicar esto tomando los valores "hidden" o la cadena vacía (""), o con su sola presencia. Los navegadores esconderán todo el elemento del documento (no sólo visual sino completamente) como si éste no existiera.

Ejemplo

<p>Este es el primer párrafo.</p>
<p hidden>Este es el segundo párrafo.</p>
<p>Este es el tercer párrafo.</p>

Este es el primer párrafo.

Este es el tercer párrafo.

inputmode

Un valor que indica qué tipo de mecanismo de entrada sería más beneficioso para que los usuarios ingresen datos en un control o cualquier elemento con el atributo contenteditable presente. Existen ocho valores posibles, insensibles a mayúsculas/minúsculas:

  • none: no debería proveerse ningún mecanismo de entrada.
  • text: entrada de texto para la configuración regional del usuario.
  • tel: entrada de número de teléfono, incluyendo teclas para los dígitos del 0 al 9, el carácter "#", y el carácter "*". En algunas configuraciones regionales, también pueden incluirse etiquetas mnemotécnicas alfanuméricas.
  • url: entrada de texto para la configuración regional del usuario, con teclas para la entrada de direcciones web, tales como los caracteres "/" y "." y para entrada rápida de cadenas comúnmente encontradas en nombres de dominio como "www." ó ".co.uk".
  • email: entrada de texto para la configuración regional del usuario, con teclas para la entrada de direcciones de e-mail, tales como los caracteres "@" y ".".
  • numeric: entrada numérica, que incluye teclas para los dígitos del 0 al 9, el carácter separador de miles para la configuración regional, y el carácter para indicar números negativos.
  • decimal: entrada numérica fraccional, que adicionalmente incluye una tecla para el separador decimal.
  • search: entrada de texto optimizada para propósitos de búsqueda.

Los navegadores pueden usar la información en este atributo para proveer un mecanismo que asista al usuario en el rellenado de la información. Por ejemplo, los teclados virtuales en pantalla pueden proveer teclas especiales para el modo de entrada especificado.

Ejemplo

<form action="../../form-result.php" method="post" target="_blank">
  <p>
    Ingresa tu correo electrónico: <input type="text" name="correoelectronico" inputmode="email">
    <input type="submit" value="Enviar datos">
  </p>
</form>

Ingresa tu correo electrónico:

id

Un identificador para el elemento. Este identificador debe ser único en el documento y puede ser utilizado para referirse al elemento desde vínculos, scripts, definidiones de estilo u otros atributos.

Los identificadores deben tener al menos un carácter de largo y no presentar caracteres de espacio (espacios, tabulaciones, saltos de línea, quiebres de página o retornos de carro).

Ejemplo

<p id="parrafo1">Es párrafo tiene un ID para que puedas, por ejemplo, manipularlo desde un script.</p>

is

Un nombre para un elemento personalizado que extiende a otro elemento del estándar.

Este atributo requiere que una clase extendida sea definida programáticamente para tener sentido. Los autores de contenido pueden no encontrarle un uso productivo.

Ejemplo

<button is="super-boton">Este es un botón personalizado que extiende a un elemento button regular.</button>

itemid

Un URI que coincida con un identificador global para la propiedad que el elemento está representando. Este identificador global debe ser definido por el vocabulario declarado en el atributo itemtype.

Este atributo debería estar presente únicamente si los atributos itemscope e itemtype también están presentes.

Este atributo es parte de la sintaxis de microdatos, un mecanismo de HTML5 para proveer versiones de los datos contenidos en el documento, que sean accesibles para scripts.

Ejemplo

<ul itemscope itemtype="http://vocab.example.net/book" itemid="urn:isbn:1-619-49173-7">
 <li>Título: <span itemprop="title">El signo de los cuatro</span></li>
 <li>Autor: <span itemprop="author">Sir Arthur Conan Doyle</span></li>
 <li>Fecha de publicación: <time itemprop="pubdate" datetime="2013-10-03">3 de Octubre de 2013</time></li>
</ul>

itemprop

Una lista de uno o más identificadores separados por espacios, que proveen cada uno el nombre de una propiedad para la cual este elemento brinda un valor.

Los identificadores en este atributo deben ser una propiedad permitida por la especificación definida en el atributo itemtype del ítem. Si el atributo itemtype no está presente, puede ser cualquier valor que no contenga un carácter punto ("."), ni un carácter dos puntos (":").

Este atributo es parte de la sintaxis de microdatos, un mecanismo de HTML5 para proveer versiones de los datos contenidos en el documento, que sean accesibles para scripts.

Ejemplo

<p itemscope><span itemprop="user">John Doe</span>: <span itemprop="comment">Eso está muy bueno!</span></p>

itemref

Una lista de uno o más identificadores separados por espacios, que coincidan con los atributos id de los elementos que proveen información para este ítem.

Este atributo es parte de la sintaxis de microdatos, un mecanismo de HTML5 para proveer versiones de los datos contenidos en el documento, que sean accesibles para scripts.

Ejemplo

<table>
  <tr>
    <th>Nombre</th>
    <td itemscope itemprop="name" itemref="apellido1">Johann Sebastian</td>
    <td itemscope itemprop="name" itemref="apellido2">Wolfgang Amadeus</td>
  </tr>
  <tr>
    <th>Apellido</th>
    <td id="apellido1" itemprop="surname">Bach</td>
    <td id="apellido2" itemprop="surname">Mozart</td>
  </tr>
</table>

itemscope

Un valor booleano que indica si el elemento es un ítem en el modelo de sintaxis de microdatos. Si este atributo toma el valor "itemscope" o la cadena vacía (""), o si simplemente está presente, el elemento es un ítem.

Este atributo es parte de la sintaxis de microdatos, un mecanismo de HTML5 para proveer versiones de los datos contenidos en el documento, que sean accesibles para scripts.

Ejemplo

<p itemscope>La <span itemprop="event-name">fiesta de cumpleaños de John</span> comenzará <time itemprop="event-time" datetime="2015-05-21 20:00">esta noche a las 8:00 en punto</time></p>

itemtype

Una lista de URIs, cada uno apuntando un recurso que define un vocabulario (el conjunto de nombre utilizados en el atributo itemprop). Si esta lista tiene más de un elemento, todos los elementos deben definir el mismo vocabulario.

La mayoría de los vocabularios globales pueden encontrarse en el sitio Schema.org. Debido a su popularidad, se alienta a los autores a usarlo como recurso de vocabularios seimpre que sea posible.

Este atributo es parte de la sintaxis de microdatos, un mecanismo de HTML5 para proveer versiones de los datos contenidos en el documento, que sean accesibles para scripts.

Ejemplo

<p itemscope itemtype="http://schema.org/Event">La ópera <span itemprop="name">La traviata</span> será puesta en escena <time itemprop="startDate" datetime="2015-08-10 22:00">el próximo lunes a las 10pm</time> y tendrá <time itemprop="duration" datetime="PT 2H">dos horas</time> de duración.</p>

lang

El lenguaje utilizado en el contenido del elemento y en todos los atributos que contengan texto. El lenguaje debe ser especificado con una etiqueta de lenguaje válida.

Es muy importante definir el atributo lang siempre que el texto sea presentado en un lenguaje diferente al del documento. Esto puede ser especialmente beneficioso para intérpretes como los navegadores de voz, que necesitan cambiar la pronunciación de las palabras de acuerdo al lenguaje en el que están escritas.

Ejemplo

<p>'Chaval' es la traducción más apropiada para '<span lang="en">Guy</span>'.</p>

'Chaval' es la traducción más apropiada para 'Guy'.

nonce

Un número criptográfico de utilización única ("nonce") que puede ser utilizado por la Política de seguridad de contenido para determinar si el recurso externo especificado por este elemento será cargado y aplicado al documento.

Ejemplo

<link rel="search" href="buscar.php" nonce="aHR0cDovL2h0bWxxdWljay5jb20vYnVzYy5waHANCg==">

slot

El nombre del slot del componente en el cual este elemento debería emplazarse. El valor de este atributo debería coincidir con el atributo name del slot objetivo.

El atributo slot es parte de la especificación de shadow DOM y está pensado para ser manejado por programas. Los autores de contenido pueden encontrarle escasa utilidad en este atributo.

Ejemplo

<span slot="album">Mirando las estrellas</span>

spellcheck

Un valor que indica si el elemento debería estar sujeto a revisiones ortográficas o gramaticales. Si se establece a "true" o a la cadena vacía (""), los navegadores normalmente subrayarán en rojo las palabras con errores y proveerán alternativas en menús contextuales. Cuando se establece a "false", el navegador evitará revisar el contenido del elemento en busca de errores.

El atributo spellcheck está pensado para actuar en campos de texto y elementos con el atributo contenteditable habilitado. En la mayoría de los navegadores, sus efectos sólo serán mostrados cuando el elemento obtenga el enfoque.

El soporte para el atributo spellcheck es incompleto. Los autores pueden tener que recurrir a scripts con el fin de proveer revisiones ortográficas en cualquier navegador hasta que el soporte aumente.

Ejemplo

<input type="text" value="Texto a ser rebisado" spellcheck="true">

style

Un conjunto de declaraciones de CSS que serán aplicadas al elemento por parte de los navegadores, y definirán atributos presentacionales para éste. En contraste con el atributo class, este es considerado un modo "in situ" de aplicar propiedades de estilo.

Ejemplo

<p style="color: #ff6600; font-size: 1.5em">Este es un párrafo con un estilo definido.</p>

Este es un párrafo con un estilo definido.

tabindex

Un número entero que indica la posición del elemento en la navegación por tabulación (la navegación a través de todos los elementos que pueden recibir el enfoque presionando la tecla TAB). Si el valor es negativo, el elemento se encontrará excluido de la navegación por tabulación.

Los elementos que por defecto pueden recibir el enfoque son: a y link (con un valor en href), button, input (cuando su tipo no es "hidden"), select, textarea, menuitem, un elemento que define un contexto de navegación (como iframe), un elemento con el atributo contenteditable presente o th con una interfaz de ordenamiento.

Si este atributo es omitido, el navegador determinará automáticamente la posición de todos los elementos capaces de recibir el enfoque de acuerdo a su posición en el código.

Además de decidir la posición del elemento en la navegación por tabulación, el atributo tabindex también indica que el elemento puede recibir el enfoque, independientemente de su condición predeterminada.

Ejemplo

<a href="document2.html" tabindex="2" style="float: right;">Second document</a>
<a href="document1.html" tabindex="1">First document.</a>

title

Una línea de texto que representa información consultiva para el elemento, la cual podría actuar como descripción, expansión, nota al pie, título, etiqueta, instrucción, etc. Los navegadores usualmente mostrarán esta información como una descripción emergente (pequeña caja de texto) en respuesta a algún evento como, por ejemplo, cuando el usuario posa el mouse sobre el elemento.

Algunos elementos, como link, abbr, e input, definen semánticas adicionales para el atributo title más allá de la semántica descripta más arriba.

Ejemplo

<p>Pon el mouse sobre el siguiente vínculo para ver la descripción emergente: <a title="Vínculo a la página de inicio de HTMLQuick.com" href="http://www.htmlquick.com/es/">Tutoriales HTML</a>.</p>

Pon el mouse sobre el siguiente vínculo para ver la descripción emergente: Tutoriales HTML.

translate

Un valor que indica si el navegador debería traducir el contenido del elemento y el de sus hijos (incluídos los atributos con valores de texto) cuando el documento es adaptado a la lengua local. Si se establece a "yes" o a la cadena vacía (""), los navegadores normalmente traducirán todos los textos en este elemento. Si se establece a "false", los navegadores omitirán al elemento en el proceso de traducción.

El soporte provisto por los navegadores para el atributo translate es incompleto. Los autores no deberían confiar en esta funcionalidad hasta que el soporte aumente.

Ejemplo

<p translate="yes">Este fin de semana iremos al festival '<span translate="no">Fiesta loca</span>'.</p>

Este fin de semana iremos al festival 'Fiesta loca'.

dropzone

Una lista de identificadores separados por espacios, que coinciden, indiferentemente de mayúsculas y minúscula, uno de los siguientes valores:

  • copy: Indica que una copia del contenido soltado en el elemento debe ser agregada.
  • move: Hace que el contenido soltado se mueva al elemento.
  • link: Indica que un vínculo al contenido soltado debe ser agregado al elemento.
  • string:[type]: Indica que está permitido soltar una cadena del tipo "[type]" en el elemento.
  • file:[type]: Indica que estña permitido soltar un archivo de tipo "[type]" en el elemento.

El atributo dropzone No debería tener más de uno de los tres primeros valores ("copy", "move", y "link"). Si ninguno de ellos está presente, el valor "copy" estará implícito.

Este atributo ha sido removido del estándar debido a la falta de soporte provisto por los navegadores. Los autores deberían recurrir a scripts del lado cliente para reemplazar su funcionalidad.

Ejemplo

<p dropzone="copy string:text/html file:image/png">Este párrafo en una zona de entrega. Si tu navegador lo soporta deberías poder arrojar aquí cadenas HTML, y archivos PNG.</p>

Atributos de datos personalizados

Cualquier atributo en cualquier elemento que comience con la cadena "data-" es un atributo de datos personalizados. Estos atributos definen datos personalizados por el autor para el elemento en el cual son declarados y están diseñados para ser utilizados, en general, por programas.

En el siguiente ejemplo, se utilizan atirbutos de datos personalizados para ayudar a un programa a identificar un ítem a la venta y sus características, mientras no se dejan rastros de esta información específica en la vista de usuario.

Ejemplo

<td data-codigo="3213764135438543" data-categoria="chucherias" data-precio="25000000">
  <b>Ítem:</b> Huevo Fabergé Original de la Coronación Imperial<br>
  <b>Precio:</b> $25.000.000
</td>

Ítem: Huevo Fabergé Original de la Coronación Imperial
Precio: $25.000.000