Atributos HTML
Aprende a usar atributos HTML para añadir información adicional sobre los elementos HTML, con sintaxis y ejemplos en W3Docs.
Los atributos HTML se usan dentro de la etiqueta de apertura. Proporcionan información adicional sobre los elementos HTML. Un atributo aporta metadatos a un elemento o modifica su comportamiento. El atributo tiene un nombre, seguido del signo igual (=) y un valor colocado entre comillas ("").
Un modelo mental rápido: piensa en un elemento como un sustantivo y en sus atributos como adjetivos que lo describen. En <a href="https://www.w3docs.com">W3Docs</a>, el elemento <a> es el enlace, y el atributo href le indica al navegador hacia dónde apunta el enlace. Sin el atributo, el elemento seguiría existiendo, pero no tendría destino.
Sintaxis
Sintaxis de los atributos HTML
<tag attribute="value">Your Text</tag>El atributo siempre va dentro de la etiqueta de apertura, nunca en la etiqueta de cierre. Un elemento puede tener varios atributos a la vez, cada uno separado por un espacio.
El atributo href
La etiqueta HTML <a> crea un enlace, cuya dirección se define en el atributo href. En el siguiente ejemplo, hemos usado la etiqueta <a> con el atributo href. Entre las comillas escribimos la dirección de la página a la que iremos al hacer clic en el enlace.
Ejemplo de la etiqueta HTML <a> con el atributo href:
Ejemplo de atributo
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com">Click here and go to the homepage.</a>
</body>
</html>Resultado
Haz clic e ir a la página principal
El atributo id
El atributo id de HTML define un identificador único para cada elemento.
Ejemplo de la etiqueta HTML <div> con el atributo id:
Ejemplo de la etiqueta div con el atributo "id"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
#text {
font-family: sans-serif;
font-size: 20px;
line-height: 28px;
color: #777777;
}
</style>
</head>
<body>
<h2>Example of the div tag with the "id" attribute</h2>
<div id="text">Here is some text for the div tag with the "id" attribute.</div>
</body>
</html>El atributo style
El atributo style define el estilo de un elemento, como el color, el tamaño, la fuente, etc.
Ejemplo de la etiqueta HTML <p> con el atributo style:
Ejemplo de la etiqueta p con el atributo "style":
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Example of the p tag with the style attribute</h2>
<p style="color:#666666;font-size:18px;">Here is some text for the p tag with the "style" attribute.</p>
</body>
</html>El atributo start
El atributo start define el valor inicial del primer elemento de una lista ordenada. El ejemplo a continuación muestra dos listas una al lado de la otra: la primera no tiene el atributo start, por lo que numera desde 1 de forma predeterminada; la segunda usa start="30", por lo que sus elementos se numeran 30, 31, 32.
Ejemplo de la etiqueta HTML <ol> con el atributo start:
Ejemplo de la etiqueta ol con el atributo "start"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Default ordered list (starts at 1):</h2>
<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
<h2>Ordered list with start="30":</h2>
<ol start="30">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
</body>
</html>Múltiples atributos
Puedes agregar más de un atributo a un elemento HTML. Asegúrate de añadir un espacio entre ellos.
No importa el orden en que se coloquen los atributos.
Ejemplo de atributos HTML
<tag attribute1="value" attribute2="value">Your text</tag>Ejemplo de la etiqueta HTML <img> con los atributos src, width, height y alt:
Ejemplo de la etiqueta img de HTML con múltiples atributos
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Heading</h1>
<p>A photo with multiple attributes:</p>
<img src="https://api.w3docs.com/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/>
</body>
</html>Atributos boolean
Algunos atributos son atributos boolean: su mera presencia significa "verdadero", y su ausencia significa "falso". Algunos ejemplos son disabled, checked, readonly, required, selected y multiple.
Para un atributo boolean, el valor que escribas es irrelevante: lo que importa es si el atributo existe en el elemento o no. Estas tres formas son equivalentes y todas deshabilitan el campo de entrada:
<input disabled>
<input disabled="">
<input disabled="disabled">Para que un atributo boolean sea "falso", no se establece en false — se elimina por completo. Escribir disabled="false" sigue deshabilitando el campo, porque el atributo está presente.
Ejemplo de atributos boolean:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Enabled input: <input value="You can type here"></p>
<p>Disabled input: <input value="You cannot type here" disabled></p>
<p>Checked by default: <input type="checkbox" checked> Accept terms</p>
</body>
</html>Uso de comillas en los valores de los atributos
Puedes escribir los valores de los atributos con comillas dobles, comillas simples o, en algunos casos, sin comillas.
<a href="page.html">Double quotes (recommended)</a>
<a href='page.html'>Single quotes</a>
<a href=page.html>Unquoted</a>Se recomiendan las comillas dobles. Son el estilo más habitual y permiten que el valor contenga comillas simples, como en title="It's a link".
Las comillas simples son útiles cuando el propio valor contiene una comilla doble, por ejemplo title='He said "hello"'.
Los valores sin comillas son arriesgados. Un valor sin comillas no puede contener espacios, ya que un espacio termina el valor de forma prematura. Por ejemplo, class=btn primary se interpreta como una class de btn más un atributo separado primary, no como dos nombres de clase. Los valores sin comillas tampoco pueden contener =, comillas ni otros caracteres especiales. Para mayor seguridad, escribe siempre los valores de los atributos entre comillas.
Atributos de contenido y atributos IDL
En HTML, un atributo tiene dos caras: el atributo de contenido (lo que está escrito en el marcado) y el atributo IDL (la propiedad JavaScript correspondiente en el elemento del DOM, donde IDL significa Interface Definition Language).
El atributo de contenido es el valor literal del código fuente HTML. Se lee y se escribe con element.getAttribute() y element.setAttribute(). Para un campo de formulario, el atributo de contenido suele representar el valor inicial.
El atributo IDL es una propiedad JavaScript como element.value. Refleja el atributo de contenido, pero representa el estado actual del elemento, que puede cambiar a medida que el usuario interactúa con la página.
La diferencia es más clara en un elemento <input>. Dado <input id="name" value="Anna">, si un usuario escribe Maria en el campo:
const el = document.getElementById("name");
el.getAttribute("value"); // "Anna" — the content attribute (initial value from HTML)
el.value; // "Maria" — the IDL property (current value in the DOM)Por tanto, cuando necesites el valor que el usuario está viendo actualmente, usa el.value; cuando necesites el valor escrito originalmente en el HTML, usa el.getAttribute("value").
Algunos atributos de contenido, como readonly, disabled y required, son atributos boolean (consulta la sección anterior): su valor es true cuando están presentes y false cuando están ausentes.
Las dos tablas siguientes son una referencia. La primera lista los atributos que usarás con más frecuencia; la segunda es el catálogo completo, con los elementos a los que pertenece cada atributo.
Lista de los atributos HTML más utilizados:
| Atributo | Descripción | Ejemplo |
|---|---|---|
| alt | Define un texto alternativo cuando el elemento original no se muestra. | alt="HTML Attributes" |
| height | Define la altura del elemento. | height="250" |
| href | Define la URL de un enlace. | href="https://www.w3docs.com/" |
| hreflang | Define el idioma del documento vinculado. | hreflang="en" |
| id | Define un identificador único para un elemento HTML. | id="example" |
| lang | Define el idioma del documento (se usa en la etiqueta <html>). | <html lang="en-US"> |
| rel | Define la relación entre el documento destino y el documento vinculado. | rel="nofollow" |
| shape | Define la forma del elemento. | shape="circle" |
| span | Define el número de columnas abarcadas por un elemento <col> o <colgroup>. | span="2" |
| src | Define la fuente del elemento. | src="https://example.com/image.jpg" |
| start | Establece el valor inicial de una lista ordenada (se usa en la etiqueta <ol>). | <ol start="30"> |
| style | Establece el estilo CSS de un elemento HTML (tamaño, fuente, color, etc.). | style="color:red;text-align:right" |
| target | Define dónde abrir el enlace. | target="_blank" |
| wrap | Define si el texto debe ajustarse o no. | wrap="hard" |
| width | Define el ancho del elemento. | width="120" |
Consulta también la lista de Atributos globales de HTML que pueden usarse con cualquier elemento HTML.
Lista completa de atributos HTML:
| Atributo | Pertenece a | Descripción |
|---|---|---|
| accept | <input> | Define los tipos de archivos que acepta el servidor (solo para type="file"). |
| accept-charset | <form> | Define las codificaciones de caracteres utilizadas para el envío del formulario. |
| accesskey | Atributos globales | Define una tecla de acceso directo que activará un elemento. |
| action | <form> | Define a dónde se deben enviar los datos del formulario cuando se envía. |
| align | HTML5 no admite este atributo. | Define la alineación respecto a los elementos cercanos. Se puede usar CSS en su lugar. |
| alt | <area>, <img>, <input> | Define un texto alternativo si el elemento original no se muestra. |
| async | <script> | Define que el script se ejecuta de forma asíncrona. Solo se usa para scripts externos. |
| autocomplete | <form>, <input> | Define si el autocompletado de los elementos <form> o <input> debe estar habilitado. |
| autofocus | <button>, <input>, <select>, <textarea> | Define que el elemento debe recibir el foco automáticamente cuando se carga la página. |
| autoplay | <audio>, <video> | Define que el audio o el video comenzarán a reproducirse cuando estén listos. |
| bgcolor | HTML5 no admite este atributo. | Define el color de fondo de un elemento. Se puede usar CSS en su lugar. |
| border | HTML5 no admite este atributo. | Define el ancho del borde de un elemento. Se puede usar CSS en su lugar. |
| charset | <meta>, <script> | Define la codificación de caracteres. |
| checked | <input> | Define que un elemento <input> debe estar preseleccionado al cargar la página (para type="checkbox" o type="radio"). |
| cite | <blockquote>, <del>, <ins>, <q> | Define una URL que explica la cita, el texto eliminado o el texto insertado. |
| class | Atributos globales | Define uno o más nombres de clase para un elemento. |
| color | HTML5 no admite este atributo. | Define el color del texto de un elemento. Se puede usar CSS en su lugar. |
| cols | <textarea> | Define el ancho visible de un área de texto. |
| colspan | <td>, <th> | Define el número de columnas que debe abarcar una celda de tabla. |
| content | <meta> | Proporciona el valor relacionado con el atributo http-equiv o name. |
| contenteditable | Atributos globales | Define si el contenido de un elemento puede editarse o no. |
| controls | <audio>, <video> | Define que deben mostrarse los controles de audio o video (por ejemplo, un botón de reproducción o pausa). |
| coords | <area> | Define las coordenadas del área. |
| data | <object> | Define la URL del recurso que utilizará el objeto. |
| data-* | Atributos globales | Almacena datos personalizados privados de la página o la aplicación. |
| datetime | <del>, <ins>, <time> | Define la fecha y la hora. |
| default | <track> | Define que la pista se habilitará si las preferencias del usuario no indican que otra pista sería más adecuada. |
| defer | <script> | Define que el script se ejecuta cuando la página termina de analizarse. Este atributo solo se usa para scripts externos. |
| dir | Atributos globales | Define la dirección del texto del contenido de un elemento. |
| dirname | <textarea>, <input> | Define que se enviará la dirección del texto. |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Define que el elemento o grupo de elementos especificado debe estar deshabilitado. |
| download | <a>, <area> | Define que el destino se descargará cuando el usuario haga clic en el hipervínculo. |
| draggable | Atributos globales | Define si un elemento es arrastrable o no. |
| dropzone | Atributos globales | Define si los datos arrastrados se copian, mueven o vinculan cuando se sueltan. |
| enctype | <form> | Define cómo deben codificarse los datos del formulario al enviarse al servidor. Este atributo solo se usa para method="post". |
| for | <label>, <output> | Especifica a qué elemento(s) del formulario está vinculada una etiqueta o un cálculo. |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Define el nombre del formulario al que pertenece el elemento. |
| formaction | <button>, <input> | Define a dónde enviar los datos del formulario cuando se envía. Este atributo solo se usa para type="submit". |
| headers | <th>, <th> | Define una o más celdas de encabezado con las que está relacionada una celda. |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Define la altura del elemento. |
| hidden | Atributos globales | Define que un elemento no es relevante. |
| high | <meter> | Define el límite superior del rango representado por el elemento <meter>. |
| href | <a>, <area>, <base>, <link> | Define la URL de la página a la que apunta el enlace. |
| hreflang | <a>, <area>, <link> | Define el idioma del documento vinculado. |
| http-equiv | <meta> | Asigna al atributo content un encabezado HTTP para la información o el valor. |
| id | Atributos globales | Define un identificador único para un elemento. |
| ismap | <img> | Define una imagen como mapa de imagen del lado del servidor. |
| kind | <track> | Define el tipo de pista de texto. |
| label | <track>, <option>, <optgroup> | Define el título de la pista de texto. |
| lang | Atributos globales | Define el idioma del contenido de un elemento. |
| list | <input> | Hace referencia a un elemento <datalist> que contiene opciones predefinidas para un elemento <input>. |
| loop | <audio>, <video> | Define que el audio o el video comenzará de nuevo cada vez que termine. |
| low | <meter> | Define el rango considerado como valor bajo. |
| max | <input>, <meter>, <progress> | Define el valor máximo. |
| maxlength | <input>, <textarea> | Define el número máximo de caracteres que puede contener un elemento. |
| media | <a>, <area>, <link>, <source>, <style> | Define para qué medio o dispositivo está optimizado el documento vinculado. |
| method | <form> | Define el método HTTP que se debe usar al enviar los datos del formulario. |
| min | <input>, <meter> | Define un valor mínimo. |
| multiple | <input>, <select> | Define que el usuario puede introducir más de un valor. |
| muted | <audio>, <video> | Define que la salida de audio del video debe estar silenciada. |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Define el nombre del elemento. |
| novalidate | <form> | Define que el formulario no debe validarse al enviarse. |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Script que se ejecuta al abortar. |
| onafterprint | <body> | Script que se ejecuta después de imprimir el documento. |
| onbeforeunload | <body> | Script que se ejecuta cuando el documento está a punto de descargarse. |
| onblur | Todos los elementos visibles. | Script que se ejecuta cuando el elemento pierde el foco. |
| oncanplay | <audio>, <embed>, <object>, <video> | Script que se ejecuta cuando un archivo está listo para comenzar a reproducirse. |
| oncanplaythrough | <audio>, <video> | Script que se ejecuta cuando un archivo puede reproducirse hasta el final sin pausas para almacenamiento en búfer. |
| onchange | Todos los elementos visibles. | Script que se ejecuta cuando cambia el valor del elemento. |
| onclick | Todos los elementos visibles. | Script que se ejecuta cuando se hace clic en el elemento. |
| oncontextmenu | Todos los elementos visibles. | Script que se ejecuta cuando se activa un menú contextual. |
| oncopy | Todos los elementos visibles. | Script que se ejecuta cuando se copia el contenido del elemento. |
| oncuechange | <track> | Script que se ejecuta cuando cambia la señal en un elemento <track>. |
| oncut | Todos los elementos visibles. | Script que se ejecuta cuando se corta el contenido del elemento. |
| ondblclick | Todos los elementos visibles. | Script que se ejecuta cuando se hace doble clic en el elemento. |
| ondrag | Todos los elementos visibles. | Script que se ejecuta cuando se arrastra el elemento. |
| ondragend | Todos los elementos visibles. | Script que se ejecuta al final de una operación de arrastre. |
| ondragenter | Todos los elementos visibles. | Script que se ejecuta cuando un elemento se ha arrastrado a un destino de soltar válido. |
| ondragleave | Todos los elementos visibles. | Script que se ejecuta cuando un elemento abandona un destino de soltar válido. |
| ondragover | Todos los elementos visibles. | Script que se ejecuta cuando un elemento se arrastra sobre un destino de soltar válido. |
| ondragstart | Todos los elementos visibles. | Script que se ejecuta al inicio de una operación de arrastre. |
| ondrop | Todos los elementos visibles. | Script que se ejecuta al comienzo de una operación de arrastre. |
| ondurationchange | <audio>, <video> | Script que se ejecuta cuando cambia la duración del medio. |
| onemptied | <audio>, <video> | Script que se ejecuta cuando ocurre algo inesperado y el archivo deja de estar disponible. |
| onended | <audio>, <video> | Script que se ejecuta cuando el medio llega al final. |
| onerror | <audio>, <video>, <embed>, <object>, <script>, <style>, <body> | Script que se ejecuta cuando ocurre un error. |
| onfocus | Todos los elementos visibles. | Script que se ejecuta cuando el elemento recibe el foco. |
| onhashchange | <body> | Script que se ejecuta cuando cambia el ancla. |
| oninput | Todos los elementos visibles. | Script que se ejecuta cuando el elemento recibe la entrada del usuario. |
| oninvalid | Todos los elementos visibles. | Script que se ejecuta cuando el elemento no es válido. |
| onkeydown | Todos los elementos visibles. | Script que se ejecuta cuando el usuario está presionando una tecla. |
| onkeypress | Todos los elementos visibles. | Script que se ejecuta cuando el usuario presiona una tecla. |
| onkeyup | Todos los elementos visibles. | Script que se ejecuta cuando el usuario suelta una tecla. |
| onload | <body>, <iframe>, <input>, <img>, <script>, <style>, <link> | Script que se ejecuta cuando finaliza la carga. |
| onloadeddata | <audio>, <video> | Script que se ejecuta cuando se cargan los datos multimedia. |
| onloadedmetadata | <audio>, <video> | Script que se ejecuta cuando se cargan los metadatos. |
| onloadstart | <audio>, <video> | Script que se ejecuta cuando el archivo comienza a cargarse, antes de que se haya cargado nada. |
| onmousedown | Todos los elementos visibles. | Script que se ejecuta cuando se presiona un botón del ratón sobre un elemento. |
| onmousemove | Todos los elementos visibles. | Script que se ejecuta mientras el puntero del ratón se mueve sobre un elemento. |
| onmouseout | Todos los elementos visibles. | Script que se ejecuta cuando el puntero del ratón sale de un elemento. |
| onmouseup | Todos los elementos visibles. | Script que se ejecuta cuando se suelta un botón del ratón sobre un elemento. |
| onmouseover | Todos los elementos visibles. | Script que se ejecuta cuando el puntero del ratón se mueve sobre un elemento. |
| onmousewheel | Todos los elementos visibles. | Script que se ejecuta cuando la rueda del ratón se desplaza sobre un elemento. |
| onoffline | <body> | Script que se ejecuta cuando el navegador comienza a trabajar sin conexión. |
| ononline | <body> | Script que se ejecuta cuando el navegador comienza a trabajar en línea. |
| onpagehide | <body> | Script que se ejecuta cuando el usuario navega fuera de una página. |
| onpageshow | <body> | Script que se ejecuta cuando el usuario navega a una página. |
| onpaste | Todos los elementos visibles. | Script que se ejecuta cuando se pega contenido en un elemento. |
| onpause | <audio>, <video> | Script que se ejecuta cuando el medio se pausa. |
| onplay | <audio>, <video> | Script que se ejecuta cuando el medio comienza a reproducirse. |
| onplaying | <audio>, <video> | Script que se ejecuta cuando el medio se está reproduciendo. |
| onpopstate | <body> | Script que se ejecuta cuando cambia el historial de la ventana. |
| onprogress | <audio>, <video> | Script que se ejecuta mientras el navegador obtiene los datos del medio. |
| onratechange | <audio>, <video> | Script que se ejecuta cuando cambia la velocidad de reproducción. |
| onreset | <form> | Script que se ejecuta cuando se hace clic en el botón de restablecer de un formulario. |
| onresize | <body> | Script que se ejecuta cuando se redimensiona la ventana del navegador. |
| onscroll | Todos los elementos visibles. | Script que se ejecuta cuando se desplaza la barra de desplazamiento de un elemento. |
| onsearch | <input> | Script que se ejecuta cuando el usuario escribe algo en un campo de búsqueda. |
| onseeked | <audio>, <video> | Script que se ejecuta cuando el atributo seeking se establece en false, lo que indica que la búsqueda ha finalizado. |
| onseeking | <audio>, <video> | Script que se ejecuta cuando el atributo seeking se establece en true e indica que la búsqueda está activa. |
| onselect | Todos los elementos visibles. | Script que se ejecuta cuando se selecciona el elemento. |
| onstalled | <audio>, <video> | Script que se ejecuta cuando el navegador no puede obtener los datos del medio por algún motivo. |
| onstorage | <body> | Script que se ejecuta cuando se actualiza un área de Web Storage. |
| onsubmit | <form> | Script que se ejecuta cuando se envía un formulario. |
| onsuspend | <audio>, <video> | Script que se ejecuta cuando la obtención de datos del medio se detiene antes de que se haya cargado completamente. |
| ontimeupdate | <audio>, <video> | Script que se ejecuta cuando cambia la posición de reproducción. |
| ontoggle | <details> | Script que se ejecuta cuando el elemento <details> se abre o se cierra. |
| onunload | <body> | Script que se ejecuta cuando se ha descargado una página. |
| onvolumechange | <audio>, <video> | Script que se ejecuta cada vez que cambia el volumen de un video o audio. |
| onwaiting | <audio>, <video> | Script que se ejecuta cuando el medio está en pausa pero se espera que continúe. |
| onwheel | Todos los elementos visibles. | Script que se ejecuta cuando la rueda del ratón sube o baja sobre un elemento. |
| open | <details> | Define que los detalles deben ser visibles. |
| optimum | <meter> | Define cuál es el valor óptimo para el indicador. |
| pattern | <input> | Define una expresión regular con la que se comprueba el valor de un elemento <input>. |
| placeholder | <input>, <textarea> | Define una pista breve que describe el valor esperado del elemento. |
| poster | <video> | Define una imagen que se mostrará mientras el video se descarga o hasta que el usuario pulse el botón de reproducción. |
| preload | <audio>, <video> | Define si y cómo se debe cargar el audio o el video cuando se carga la página. |
| readonly | <input>, <textarea> | Define que el elemento es de solo lectura. |
| rel | <a>, <area>, <link> | Define la relación entre el documento actual y el documento vinculado. |
| required | <input>, <textarea>, <select> | Define que el elemento debe completarse antes de enviar el formulario. |
| reversed | <ol> | Define que el orden de la lista debe ser descendente. Por ejemplo: 5, 4, 3... |
| rows | <textarea> | Define el número de líneas visibles en un área de texto. |
| rowspan | <td>, <th> | Define el número de filas que debe abarcar una celda de tabla. |
| sandbox | <iframe> | Habilita un conjunto adicional de restricciones para el contenido dentro de un elemento <iframe>. |
| scope | <th> | Define si una celda de encabezado es encabezado de una columna, fila o grupo de columnas o filas. |
| selected | <option> | Define que una opción debe estar preseleccionada cuando se carga la página. |
| shape | <area> | Define la forma del área. |
| size | <input>, <select>, <embed>, <iframe> | Define el ancho en caracteres (para <input>) o el número de opciones visibles (para <select>). |
| sizes | <link>, <img>, <source> | Define el tamaño del recurso vinculado. |
| span | <col>, <colgroup> | Define el número de columnas a abarcar. |
| spellcheck | Atributos globales | Define si se debe verificar la gramática y la ortografía del elemento o no. |
| src | <img>, <source>, <audio>, <video>, <script>, <track>, <embed>, <iframe> | Define la URL del archivo multimedia. |
| srcdoc | <iframe> | Define el contenido HTML de la página que debe mostrarse en el elemento <iframe>. |
| srclang | <track> | Define el idioma de los datos de texto de la pista. |
| srcset | <img>, <source> | Define la URL de la imagen que se puede usar en diferentes situaciones. |
| start | <ol> | Define el valor inicial de una lista ordenada. |
| step | <input> | Define los intervalos numéricos válidos para un campo de entrada. |
| style | Atributos globales | Define un estilo CSS en línea para un elemento. |
| tabindex | Atributos globales | Define el orden de tabulación de un elemento. |
| target | <a>, <area>, <base>, <form> | Define el destino donde debe abrirse el documento vinculado o enviarse el formulario. |
| title | Atributos globales | Define información adicional sobre un elemento. |
| translate | Atributos globales | Define si el contenido de texto del elemento debe ser traducido por el navegador o las herramientas de traducción. |
| type | <embed>, <input>, <object>, <a>, <button>, <link>, <menu>, <object>, <script>, <source>, <style> | Define el tipo de elemento. |
| usemap | <object>, <img> | Define una imagen como mapa de imagen del lado del cliente. |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Define el valor del elemento. |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Define el ancho del elemento. |
| wrap | <textarea> | Define cómo debe ajustarse el texto de un área de texto al enviarse dentro de un formulario. |
Consulta también la lista de Atributos globales de HTML que pueden usarse con cualquier elemento HTML.