La siguiente tabla muestra una lista de todos los atributos HTML y en que elementos se pueden utilizar.
La descripción ha sido traducida.
La tabla original pertenece a w3schools.com, pero la traducción automatica del navegador no traduce la descripción. Se conservan los enlaces de los atributos y etiquetas hacia w3schools.
coltimcloud.com no tiene ninguna relación con w3schools.com. Personalmente, w3schools ha sido uno de los sitios web donde he aprendido.
| Atributo | Pertenece a | Descripción |
|---|---|---|
| accept | <input> | Especifica los tipos de archivos que acepta el servidor (solo para type=»file»). |
| accept-charset | <form> | Especifica las codificaciones de caracteres que se utilizarán para el envío del formulario. |
| accesskey | Atributos globales | Especifica una tecla de acceso directo para activar/enfocar un elemento. |
| action | <form> | Especifica dónde enviar los datos del formulario al enviarlo. |
| align | No compatible con HTML 5. | Especifica la alineación según los elementos circundantes. Use CSS en su lugar. |
| alt | <area>, <img>, <input> | Especifica un texto alternativo cuando el elemento original no se muestra. |
| async | <script> | Especifica que el script se ejecuta de forma asíncrona (solo para scripts externos). |
| autocomplete | <form>, <input> | Especifica si el elemento o debe tener activada la función de autocompletar. |
| autofocus | <button>, <input>, <select>, <textarea> | Especifica que el elemento debe recibir el foco automáticamente al cargar la página. |
| autoplay | <audio>, <video> | Especifica que el audio/vídeo comenzará a reproducirse en cuanto esté listo. |
| bgcolor | No compatible con HTML 5. | No compatible con HTML 5. Especifica el color de fondo de un elemento. Use CSS en su lugar. |
| border | No compatible con HTML 5. | No compatible con HTML 5. Especifica el ancho del borde de un elemento Usar CSS en su lugar. |
| charset | <meta>, <script> | Especifica la codificación de caracteres. |
| checked | <input> | Especifica que se debe preseleccionar un elemento al cargar la página (para type=»checkbox» o type=»radio»). |
| cite | <blockquote>, <del>, <ins>, <q> | Especifica una URL que explica el texto citado/eliminado/insertado. |
| class | Atributos globales | Especifica uno o más nombres de clase para un elemento (se refiere a una clase en una hoja de estilo). |
| color | No compatible con HTML 5. | Especifica el color del texto de un elemento. Usar CSS en su lugar. |
| cols | <textarea> | Especifica el ancho visible de un área de texto. |
| colspan | <td>, <th> | Especifica el número de columnas que debe abarcar una celda de tabla. |
| content | <meta> | Proporciona el valor asociado con el atributo http-equiv o name. |
| contenteditable | Atributos globales | Especifica si el contenido de un elemento es editable o no. |
| controls | <audio>, <video> | Especifica que se deben mostrar los controles de audio/vídeo (como un botón de reproducción/pausa, etc.). |
| coords | <area> | Especifica las coordenadas del área. |
| data | <object> | Especifica la URL del recurso que utilizará el objeto. |
| data-* | Atributos globales | Se utilizan para almacenar datos personalizados privados de la página o aplicación. |
| datetime | <del>, <ins>, <time> | Especifica la fecha y la hora. |
| default | <track> | Especifica que la pista se habilitará si las preferencias del usuario no indican que otra pista sería más apropiada. |
| defer | <script> | Especifica que el script se ejecuta cuando la página ha terminado de analizarse (solo para scripts externos). |
| dir | Atributos globales | Especifica la dirección del texto para el contenido de un elemento. |
| dirname | <input>, <textarea> | Especifica que se enviará la dirección del texto. |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Especifica que el elemento/grupo de elementos especificado debe estar deshabilitado. |
| download | <a>, <area> | Especifica que el objetivo se descargará cuando un usuario haga clic en el Hipervínculo. |
| draggable | Atributos globales | Especifica si un elemento se puede arrastrar o no. |
| enctype | <form> | Especifica cómo se deben codificar los datos del formulario al enviarlos al servidor (solo para el método «post»). |
| enterkeyhint | Atributos globales | Especifica el texto de la tecla Intro en un teclado virtual. |
| for | <label>, <output> | Especifica a qué elemento(s) del formulario está vinculada una etiqueta/cálculo. |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Especifica el nombre del formulario al que pertenece el elemento. |
| formaction | <button>, <input> | Especifica dónde se deben enviar los datos del formulario al enviar un formulario. Solo para type=»submit». |
| headers | <td>, <th> | Especifica una o más celdas de encabezado con las que está relacionada una celda. |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Especifica la altura del elemento. |
| hidden | Atributos globales | Especifica que un elemento aún no es relevante o ha dejado de serlo. |
| high | <meter> | Especifica el rango que se considera de valor alto. |
| href | <a>, <area>, <base>, <link> | Especifica la URL de la página a la que dirige el enlace. |
| hreflang | <a>, <area>, <link> | Especifica el idioma del documento enlazado. |
| http-equiv | <meta> | Proporciona un encabezado HTTP para la información/valor del atributo de contenido. |
| id | Atributos globales | Especifica un ID único para un elemento. |
| inert | Atributos globales | Especifica que el navegador debe ignorar esta sección. |
| inputmode | Atributos globales | Especifica el modo de un teclado virtual. |
| ismap | <img> | Especifica una imagen como un mapa de imagen del lado del servidor. |
| kind | <track> | Especifica el tipo de pista de texto. |
| label | <track>, <option>, <optgroup> | Especifica el título de la pista de texto. |
| lang | Atributos globales | Especifica el idioma del contenido del elemento. |
| list | <input> | Hace referencia a un elemento <datalist> que contiene opciones predefinidas para un elemento. |
| loop | <audio>, <video> | Especifica que el audio/vídeo se reiniciará cada vez que finalice. |
| low | <meter> | Especifica el rango que se considera un valor bajo. |
| max | <input>, <meter>, <progress> | Especifica el valor máximo. |
| maxlength | <input>, <textarea> | Especifica el número máximo de caracteres permitidos en un elemento. |
| media | <a>, <area>, <link>, <source>, <style> | Especifica para qué medio/dispositivo está optimizado el documento vinculado. |
| method | <form> | Especifica el método HTTP que se usará al enviar datos de formulario. |
| min | <input>, <meter> | Especifica un valor mínimo. |
| multiple | <input>, <select> | Especifica que un usuario puede introducir más de un valor. |
| muted | <video>, <audio> | Especifica que la salida de audio del vídeo debe silenciarse. |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Especifica el nombre del elemento. |
| novalidate | <form> | Especifica que el formulario no debe validarse al enviarse. |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Script que se ejecutará al cancelar la operación. |
| onafterprint | <body> | Script que se ejecutará después de imprimir el documento. |
| onbeforeprint | <body> | Script que se ejecutará antes de imprimir el documento. |
| onbeforeunload | <body> | Script que se ejecutará cuando el documento esté a punto de descargarse. |
| onblur | Todos los elementos visibles. | Script que se ejecutará cuando el elemento pierda el foco. |
| oncanplay | <audio>, <embed>, <object>, <video> | Script que se ejecutará cuando un archivo esté listo para empezar a reproducirse (cuando haya almacenado suficiente en el búfer). |
| oncanplaythrough | <audio>, <video> | Script que se ejecutará cuando un archivo pueda reproducirse completamente sin pausar el almacenamiento en el búfer. |
| onchange | Todos los elementos visibles. | Script que se ejecutará cuando se cambie el valor del elemento. |
| onclick | Todos los elementos visibles. | Script que se ejecutará al hacer clic en el elemento. |
| oncontextmenu | Todos los elementos visibles. | Script que se ejecutará al activarse un menú contextual. |
| oncopy | Todos los elementos visibles. | Script que se ejecuta al copiar el contenido del elemento. |
| oncuechange | <track> | Script que se ejecuta al cambiar la señal en un elemento <track>. |
| oncut | Todos los elementos visibles. | Script que se ejecuta al cortar el contenido del elemento. |
| ondblclick | Todos los elementos visibles. | Script que se ejecuta al hacer doble clic en el elemento. |
| ondrag | Todos los elementos visibles. | Script que se ejecuta al arrastrar el elemento. |
| ondragend | Todos los elementos visibles. | Script que se ejecuta al finalizar una operación de arrastre. |
| ondragenter | Todos los elementos visibles. | Script que se ejecuta al arrastrar un elemento a un destino de colocación válido. |
| ondragleave | Todos los elementos visibles. | Script que se ejecuta al abandonar un destino de colocación válido. |
| ondragover | Todos los elementos visibles. | Script que se ejecuta al arrastrar un elemento sobre un destino de colocación válido. |
| ondragstart | Todos los elementos visibles. | Script que se ejecuta al iniciar una operación de arrastre. |
| ondrop | Todos los elementos visibles. | Script que se ejecuta al soltar el elemento arrastrado. |
| ondurationchange | <audio>, <video> | Script que se ejecuta al cambiar la longitud del archivo multimedia. |
| onemptied | <audio>, <video> | Script que se ejecuta cuando ocurre algo malo y el archivo deja de estar disponible repentinamente (por ejemplo, una desconexión inesperada). |
| onended | <audio>, <video> | Script que se ejecuta al finalizar el archivo multimedia (un evento útil para mensajes como «Gracias por su atención»). |
| onerror | <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> | Script que se ejecuta cuando se produce un error. |
| onfocus | Todos los elementos visibles. | Script que se ejecuta al obtener el foco del elemento. |
| onhashchange | <body> | Script que se ejecuta al cambiar la parte ancla de una URL. |
| oninput | Todos los elementos visibles. | Script que se ejecuta al recibir 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 al presionar una tecla. |
| onkeypress | Todos los elementos visibles. | Script que se ejecuta al presionar una tecla. |
| onkeyup | Todos los elementos visibles. | Script que se ejecuta al soltar una tecla. |
| onload | <body>, <iframe>, <img>, <input>, <link>, <script>, <style> | Script que se ejecuta al terminar de cargar el elemento. |
| onloadeddata | <audio>, <video> | Script que se ejecuta al cargar los datos multimedia. |
| onloadedmetadata | <audio>, <video> | Script que se ejecuta al cargar metadatos (como dimensiones y duración). |
| onloadstart | <audio>, <video> | Script que se ejecuta justo cuando el archivo comienza a cargarse, antes de que se cargue nada. |
| onmousedown | Todos los elementos visibles. | Script que se ejecuta al presionar el botón del mouse sobre un elemento. |
| onmousemove | Todos los elementos visibles. | Script que se ejecuta mientras el puntero del mouse se mueve sobre un elemento. |
| onmouseout | Todos los elementos visibles. | Script que se ejecuta al salir del elemento. |
| onmouseover | Todos los elementos visibles. | Script que se ejecuta al mover el puntero del mouse sobre un elemento. |
| onmouseup | Todos los elementos visibles. | Script que se ejecuta al soltar el botón del mouse sobre un elemento. |
| onmousewheel | Todos los elementos visibles. | Script que se ejecuta al desplazar la rueda del mouse sobre un elemento. |
| onoffline | <body> | Script que se ejecuta al dejar de funcionar el navegador sin conexión. |
| ononline | <body> | Script que se ejecuta al dejar de funcionar el navegador con conexión. |
| onpagehide | <body> | Script que se ejecuta al salir de una página. |
| onpageshow | <body> | Script que se ejecuta al entrar en una página. |
| onpaste | Todos los elementos visibles. | Script que se ejecuta cuando el usuario pega contenido en un elemento. |
| onpause | <audio>, <video> | Script que se ejecuta cuando el contenido multimedia se pausa, ya sea por el usuario o programáticamente. |
| onplay | <audio>, <video> | Script que se ejecuta cuando el contenido multimedia ha comenzado a reproducirse. |
| onplaying | <audio>, <video> | Script que se ejecuta cuando el contenido multimedia ha comenzado a reproducirse. |
| onpopstate | <body> | Script que se ejecuta cuando el historial de la ventana cambia. |
| onprogress | <audio>, <video> | Script que se ejecuta cuando el navegador está obteniendo los datos multimedia. |
| onratechange | <audio>, <video> | Script que se ejecuta cada vez que cambia la velocidad de reproducción (por ejemplo, cuando un usuario cambia a cámara lenta o avance rápido). |
| onreset | <form> | Script que se ejecuta cuando se hace clic en el botón de reinicio de un formulario. |
| onresize | <body> | Script que se ejecuta cuando se cambia el tamaño de 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 (para <input>=»search»). |
| onseeked | <audio>, <video> | Script que se ejecuta cuando el atributo seeking se establece en falso, lo que indica que la búsqueda ha finalizado. |
| onseeking | <audio>, <video> | Script que se ejecuta cuando el atributo seeking se establece en verdadero, lo que indica que la búsqueda está activa. |
| onselect | Todos los elementos visibles. | Script que se ejecuta al seleccionar el elemento. |
| onstalled | <audio>, <video> | Script que se ejecuta cuando el navegador no puede obtener los datos multimedia por cualquier motivo. |
| onstorage | <body> | Script que se ejecuta al actualizar un área de almacenamiento web. |
| onsubmit | <form> | Script que se ejecuta al enviar un formulario. |
| onsuspend | <audio>, <video> | Script que se ejecuta cuando la obtención de los datos multimedia se detiene antes de que se cargue por completo por cualquier motivo. |
| ontimeupdate | <audio>, <video> | Script que se ejecuta cuando la posición de reproducción cambia (por ejemplo, cuando el usuario avanza rápidamente a un punto diferente en el contenido multimedia). |
| ontoggle | <details> | Script que se ejecuta cuando el usuario abre o cierra el elemento <details>. |
| onunload | <body> | Script que se ejecuta al descargar una página (o cerrar la ventana del navegador). |
| onvolumechange | <audio>, <video> | Script que se ejecuta cada vez que se cambia el volumen de un vídeo o audio. |
| onwaiting | <audio>, <video> | Script que se ejecuta cuando el contenido multimedia se pausa, pero se espera que se reanude (por ejemplo, cuando se pausa para almacenar más datos). |
| onwheel | Todos los elementos visibles. | Script que se ejecuta al mover la rueda del ratón sobre un elemento. |
| open | <details> | Especifica que los detalles deben ser visibles (abiertos) para el usuario. |
| optimum | <meter> | Especifica cuál es el valor óptimo para el indicador. |
| pattern | <input> | Especifica una expresión regular con la que se compara el valor de un elemento <input>. |
| placeholder | <input>, <textarea> | Especifica una breve pista que describe el valor esperado del elemento. |
| popover | Atributos globales | Especifica un elemento emergente. |
| popovertarget | <button>, <input> | Especifica qué elemento emergente se invoca. |
| popovertargetaction | <button>, <input> | Especifica qué sucede con el elemento emergente al hacer clic en el botón. |
| poster | <video> | Especifica que se mostrará una imagen mientras se descarga el vídeo o hasta que el usuario pulse el botón de reproducción. |
| preload | <audio>, <video> | Especifica si el autor cree que el audio/vídeo debe cargarse al cargar la página y cómo. |
| readonly | <input>, <textarea> | Especifica que el elemento es de solo lectura. |
| rel | <a>, <area>, <form>, <link> | Especifica la relación entre el documento actual y el documento vinculado. |
| required | <input>, <select>, <textarea> | Especifica que el elemento debe completarse antes de enviar el formulario. |
| reversed | <ol> | Especifica que el orden de la lista debe ser descendente (9, 8, 7…). |
| rows | <textarea> | Especifica el número visible de líneas en un área de texto. |
| rowspan | <td>, <th> | Especifica el número de filas que debe abarcar una celda de tabla. |
| sandbox | <iframe> | Habilita un conjunto adicional de restricciones para el contenido de un <iframe>. |
| scope | <th> | Especifica si una celda de encabezado es el encabezado de una columna, fila o grupo de columnas o filas. |
| selected | <option> | Especifica que una opción debe preseleccionarse al cargar la página. |
| shape | <area> | Especifica la forma del área. |
| size | <input>, <select> | Especifica el ancho, en caracteres (para <input>), o especifica el número de opciones visibles (para <select>). |
| sizes | <img>, <link>, <source> | Especifica el tamaño del recurso vinculado. |
| span | <col>, <colgroup> | Especifica el número de columnas que se deben abarcar. |
| spellcheck | Global Attributes | Especifica si se debe revisar la ortografía y la gramática del elemento. |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> | Especifica la URL del archivo multimedia. |
| srcdoc | <iframe> | Especifica el contenido HTML de la página que se mostrará en el <iframe>. |
| srclang | <track> | Especifica el idioma de los datos de texto de la pista (obligatorio si kind=»subtitles»). |
| srcset | <img>, <source> | Especifica la URL de la imagen que se usará en diferentes situaciones. |
| start | <ol> | Especifica el valor inicial de una lista ordenada. |
| step | <input> | Especifica los intervalos de número legales para un campo de entrada. |
| style | Atributos globales | Especifica un estilo CSS en línea para un elemento. |
| tabindex | Atributos globales | Especifica el orden de tabulación de un elemento. |
| target | <a>, <area>, <base>, <form> | Especifica el destino para abrir el documento vinculado o enviar el formulario. |
| title | Atributos globales | Especifica información adicional sobre un elemento. |
| translate | Atributos globales | Especifica si el contenido de un elemento debe traducirse o no. |
| type | <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> | Especifica el tipo de elemento. |
| usemap | <img>, <object> | Especifica una imagen como un mapa de imágenes del lado del cliente. |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Especifica el valor del elemento. |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Especifica el Ancho del elemento. |
| wrap | <textarea> | Especifica cómo se ajustará el texto en un área de texto al enviarse en un formulario. |
Deja una respuesta