Lista de Referencia de Atributos HTML

7/3/2018 Referencia de Atributos HTML - HTML | MDN
Tecnologías 
Referencias y guías 
Comentarios 
Registrarse 
 Buscar
Referencia de Atributos HTML

Los elementos en HTML tienen atributos; estos son valores adicionales que configuran
los elementos o ajustan su comportamiento de diversas formas para cumplir los criterios
de los usuarios.
Lista de Atributos
Nombre del
Elementos Descripción
Atributo
Lista de tipos aceptados por el servidor,

accept <form> , <input>
usualmente un tipo de archivo.
accept-charset <form> Lista de juegos de caracteres soportados.
Define una tecla que activa o agrega un foco

accesskey Atributos Globales
al elemento.
La URL del programa que procesa la

action <form>
información enviada en el formulario.
https://developer.mozilla.org/es/docs/Web/HTML/Atributos 1/14
Nombre del
Atributo
<applet> , <caption> ,
<col> , <colgroup> , <hr> ,
<iframe> , <img> , Especifica el alineamiento horizontal del
align
<table> , <tbody> , <td> , elemento.
<tfoot> , <th> , <thead> ,
<tr>
<applet> , <area> , <img> , Texto alternativo en caso de que la imagen no

alt
<input> se pueda mostrar.
Indica que el script debería ejecutarse

async <script>
asincrónicamente.
Indica si los controles en este formulario

pueden tener por defecto sus valores
autocomplete <form> , <input>
completados automáticamente por el
navegador.
<button> , <input> , El elemento debería recibir foco

autofocus <keygen> , <select> , automáticamente después de haberse
<textarea> cargado la página.
El audio o video debería empezar lo antes

autoplay <audio> , <video>
posible.
Previous values should persist dropdowns of

autosave <input>
selectable values across page loads.
Color de fondo del elemento.

<body> , <col> ,
<colgroup> , <marquee> , 
Nota: Este atributo se mantiene como
bgcolor <table> , <tbody> ,
referencia. Por favor usa la propiedad
<tfoot> , <td> , <th> ,
<tr>
CSS background-color en su lugar.
Nombre del
Atributo
El ancho del borde.

<img> , <object> , Nota: Este atributo se mantiene como
border
<table> referencia. Por favor usa la propiedad
CSS border en su lugar.
Contiene un rango de tiempo multimedia

buffered <audio> , <video>
almacenado.
Cadena de desafío que se envía junto con la

challenge <keygen>
clave pública.
Declara la codificación de caracteres de la

charset <meta> , <script>
página o del script.
Indica que el elemento debería estar marcado

checked <command> , <input>
al cargar la página.
<blockquote> , <del> , Contiene una URL que apunta a la fuente de la

cite
<ins> , <q> cita o cambio.
Usualmente empleado con CSS para aplicar

class Atributo Global estilos a elementos con propiedades en
comun.
Especifica la URL del archivo de tipo applet a

code <applet>
ser cargado y ejecutado.
Este atributo contiene la URL absoluta o

relativa del directorio donde los archivos de
codebase <applet>
applets (.class) referenciados en el codigo se
encuentran almacenados.
Nombre del
Atributo
Este atributo establece el color de texto

utilizando un nombre de color o en formato
hexadecimal #RRGGBB.
<basefont> , <font> ,
color 
<hr> Nota: Este atributo se mantiene como
referencia. Por favor usa la propiedad
CSS color en su lugar.
Define el número de columnas en un área de

cols <textarea>
texto.
Define el número de columnas que una celda

colspan <td> , <th>
debe contener.
Un valor asociado con http-equiv o name

content <meta>
dependiendo del contexto.
Indica si el contenido del elemento es

contenteditable Atributo Global
editable.
Define el ID del elemento <menu> que servira

contextmenu Atributo Global
como menú de contexto para otro elemento.
Indica si el navegador debe mostrar controles

controls <audio> , <video>
de reproduccion al usuario.
Un conjunto de valores que especifican las

coords <area>
coordenadas del area.
data <object> Especifica la URL del recurso.
Permite asociar atributos presonalizados a un

data-* Atributo Global
elemento HTML.
Indica la fecha y hora asociadas con el

datetime <del> , <ins> , <time>
elemento.
Indica que la pista debe estar habilitada a

default <track> menos que las preferencias del usuario
indiquen algo diferente.
Nombre del
Atributo
Indica que el código debe ser ejecutado

defer <script>
despues de que la página este cargada.
Define la dirección del texto. Los valores

dir Atributo Global permitidos son ltr (Izquierda-a-Derecha) o rtl
(Derecha-a-Izquierda).
Indica la dirección del texto asociada con el

dirname <input> , <textarea>
elemento al momento de enviar el formulario.
<button> , <command> ,
<fieldset> , <input> ,
Indica si el usuario puede interactuar con el
disabled <keygen> , <optgroup> ,
elemento.
<option> , <select> ,
<textarea>
Indica que el hipervínculo es utilizado para

download <a> , <area>
descargar un recurso.
draggable Atributo Global Define si el elemento puede ser arrastrado.
Indica que el elemento acepta contenido

dropzone Atributo Global
soltado en el mismo.
Define el tipo de contenido del formulario

enctype <form>
cuando el método del mismo es POST.
for <label> , <output> Describe elementos que pertenecen a éste.
<button> , <fieldset> ,
<input> , <keygen> ,
<label> , <meter> , Indica el formulario al que pertenece el
form
<object> , <output> , elemento.
<progress> , <select> ,
<textarea>
Indica la acción del elemento, anulando la

formaction <input> , <button>
acción definida en <form> .
IDs de los elementos <th> que aplican a este

headers <td> , <th>
elemento.
Nombre del
Atributo
Especifica la altura de los elementos

enumerados aquí. Para todos los demás
elementos, usa la propiedad CSS height en
su lugar.
<canvas> , <embed> ,
<iframe> , <img> ,
height 
<input> , <object> , Nota: En algunos casos, como los
<video> <div> , este es un atributo de
referencia, en donde debes usar la
propiedad CSS height en su lugar.
Evita la prestación del elemento dado,

hidden Atributo Global manteniendo los elementos secundarios, p.ej.
los elementos de script
high <meter> Indica el menor valor del rango alto.
<a> , <area> , <base> ,

href La URL de un recurso asociado.
<link>
hreflang <a> , <area> , <link> Especifica el lenguaje del recurso asociado.
Indica una directiva que puede alterar el

http-equiv <meta> comportamiento de la pagina y como es leida
por los exploradores.
Especifica una imagen relacionada con el

comando.
icon <command> 
Note: El elemento <command> es
obsoleto y no se recomienda su uso.
Identificador el elemento para acceder al

id Atributo Global mismo desde CSS o Javascript, este indicador
debe ser unico para cada elemento.
Nombre del
Atributo
Indica que la imagen es parte de un mapa de

ismap <img>
imagen del servidor.
Indica que el elemento contiene el valor de la

itemprop Atributo Global
propiedad especificada de un conjunto.
Especifica el tipo de clave generada.
keytype <keygen> 
Nota: RSA es el valor por defecto.
kind <track> Specifies the kind of text track.
Especifica el título de la pista con un formato

label <track>
legible por el usuario.
lang Atributo Global Define el lenguaje utilizado en el elemento.
Define el lenguage (de programación)

language <script>
utilizado en el elemento.
Identifica una serie de valores predefinidos

list <input>
para ser sugeridos al usuario.
Indica si el medio debe volver a ser

<audio> , <bgsound> ,
loop reproducido desde el principio al llegar al
<marquee> , <video>
final.
low <meter> Indica el valor mas alto del rango bajo.
Especifica la URL del manifiesto de cache para

manifest <html>
el documento.
<input> , <meter> ,
max Indica el máximo valor aceptado.
<progress>
Define el mayor número de caracteres

maxlength <input> , <textarea>
aceptados.
<a> , <area> , <link> , Da un indicio del tipo de medio para el cual el

media
<source> , <style> recurso vinculado fue creado.
Nombre del
Atributo
Define el método HTTP a emplear para enviar

method <form> el formulario. Puede ser GET
(predeterminado) o POST .
min <input> , <meter> Indica el valor mínimo aceptado.
Indica si múltiples valores pueden ser

multiple <input> , <select>
ingresados.
Indica si el audio será silenciado inicialmente

muted <video>
al cargar la página.
<button> , <form> ,
<fieldset> , <iframe> ,
Nombre del elemento. Por ejemplo utilizado
<input> , <keygen> ,
name por el servidor para identificar los campos en
<object> , <output> ,
el envio de formularios.
<select> , <textarea> ,
<map> , <meta> , <param>
Este atributo indica que el formulario no debe

novalidate <form>
ser validado cuando se envíe.
Indica si los detalles de la página seran

open <details>
mostrados cuando cargue la misma.
optimum <meter> Indica el valor numérico óptimo.
Define una expresion regular con la cual el

pattern <input>
valor del elemento debe ser validado.
Indica si se enviara un ping o notificacion a la

ping <a> , <area> URL del recurso cuando el usuario utlize el
vinculo.
Proporciona una sugerencia al usuario de lo

placeholder <input> , <textarea>
que puede ser introducido en el campo.
Una URL que indica un cuadro a mostrar

poster <video> hasta que el usuario reproduzca o navegue en
el video.
Nombre del
Atributo
Indica si el recurso o partes del mismo deben

preload <audio> , <video>
ser precargadas.
Indica si esta fecha y tiempo concuerda con la

pubdate <time> fecha y tiempo del <article> mas cercano
(ancestro).
Indica los nombres de los comandos de tipo

radio, que seran alternados si el comando en
si es alternado. Este atributo debe ser omitido
si el tipo de comando no es radio.
radiogroup <command>

Note: El elemento <command> es
obsoleto y no se recomienda su uso.
Indica si el elemento puede ser editado por el

readonly <input> , <textarea>
usuario.
Especifica la relación entre el objeto destino y

rel <a> , <area> , <link>
el objeto enlace.
<input> , <select> , Indica si se requiere rellenar o no este

required
<textarea> elemento.
Indica si la lista debe ser mostrada en orden

reversed <ol>
descendente en vez de ascendente.
rows <textarea> Define el número de filas en un área de texto.
Define el número de filas que una celda de

rowspan <td> , <th>
una tabla debe abarcar.
Lista de restricciones a ser desactivadas en el

sandbox <iframe>
iframe.
Define las celdas que la cabecera definió en

scope <th>
este elemento.
Nombre del
Atributo
Indica si el estilo será aplicado sólo al

elemento inmediato superior (padre). de no
scoped <style>
ser definido, el estilo se aplicara de forma
global.
Indica si el iframe debe ser cargado como

seamless <iframe>
parte del mismo documento.
Define un valor que será seleccionado al

selected <option>
cargar la página.
Define una región seleccionable para hacer

hipervínculos asociados con una forma
shape <a> , <area> asociada a una figura para crear un mapa. Los
valores para este atributo son: circle ,
defaul , plygon y rect .
Define el ancho del elemento (en píxeles). Si el

atributo del elemento es del tipo text o
size <input> , <select>
password entonces es el número de
caracteres.
Define los tamaños en los que el icono puede

sizes <link> , <img> , <source>
ser cargado.
Indica el número de columnas que se

span <col> , <colgroup>
agrupan.
Indica si se permite la corrección ortográfica

spellcheck Atributo Global
para el elemento.
<audio> , <embed> ,
<iframe> , <img> ,
src <input> , <script> , La URL del contenido integrable.
<source> , <track> ,
<video>
srcdoc <iframe> Especifica el contenido de la página incluida.
Especifica el lenguaje del contenido de la

srclang <track>
pista.
Nombre del
Atributo
srcset <img>
Define el número inicial de la lista (si es

start <ol>
diferente a 1).
Indica el valor del incremento para un valor

step <input>
numerico o de fecha.
Define los estilos CSS que anulan los estilos

style Atributo Global
establecidos previamente.
Contiene una descripción del contenido de la

tabla.
summary <table> Nota: Este atributo ha sido desaprovado, se

recomienda incluir un elemento <caption>
en la tabla.
Sobrescribe el orden de tabulacion del

tabindex Atributo Global
navegador y usa el especificado.
Especifica el marco destino en un vínculo.
Valores especiales: "_blank" indica una nueva

ventana, "_parent" indica el marco padre del
<a> , <area> , <base> ,
target marco que contiene el código fuente, "_self"
<form>
indica el marco donde está el código fuente y
"_top" indica la ventana completa del
navegador.
Texto a ser mostrado cuando el cursor esté

title Atributo Global
sobre el elemento.
<button> , <input> ,
<command> , <embed> ,
type <object> , <script> , Define el tipo de elemento.
<source> , <style> ,
<menu>
Nombre del
Atributo
Indica la URL parcial de un image map

asociado con el elemento.
<img> , <input> , 
usemap Note: Este atributo no puede ser usado
<object>
si el elemento <img> desciende de un
<button> o <a>
<button> , <option> ,
Define el valor predeterminado a ser
value <input> , <li> , <meter> ,
mostrado al cargar la página.
<progress> , <param>
Para los elementos enumerados aquí, esto

establece el ancho del elemento.
<canvas> , <embed> ,

<iframe> , <img> , Nota: En algunos casos, como los
width
<input> , <object> , <div> , este es un atributo de
<video> referencia, en donde debes usar la
propiedad CSS height en su lugar.
Indica la forma en la cual el texto debe ser

wrap <textarea>
envuelto.
Contenido versus atributos IDL

En HTML, la mayoria de los atributos tiene dos caras: el atributo de contenido y el
atributo IDL
El atributo de contenido es aquel que se define desde el contenido (Codigo HTML) y

puedes definirlo u obtenerlo con element.setAttribute() o element.getAttribute() .
El atributo de contenido es siempre un string incluso cuando el valor esperado en un
integer. Por ejemplo, para definir el maxlength de un <input> a 42 usando el atributo de

contenido, se debe llamar a setAttribute("maxlength", "42") en ese elemento.
El atributo IDL, tambien conocido como propiedad JavaScript. Estos son atributos que se
pueden leer o definir usando JavaScript como element.foo. . El atributo IDL siempre va a
usar (pero puede transformarse) en el atributo de contenido subyacente para retornar un
valor cuando lo obtiene y lo guarda en el atributo de contenido cuando es definido. En
otras palabras el atributo IDL, en esencia, refleja los atributos de contenido.
La mayoria del tiempo, los atributos IDL pueden retornar sus valores como realmente son
usados. Por ejemplo, el type por defecto para los elementos <input> es "texto",
entonces si defines input.type="foobar", el elemento <input> sera de tipo texto (en
apariencia y comportamiento) pero el valor del Atributo de contenido "type" sera
"foobat". De cualquier manera, el type del atributo IDL retornara el string "text".
Los atributos IDL no son siempre strings; por ejemplo, input.maxlength es un numero
(marcado como long). Cuando se usan atributos IDL, lees o defines valores del tipo
deseado, entonces input.maxlength siempre retornara un numero y cuando definas
input,maxlength , esperara un numero. Si se le entrega otro tipo, se convierte
antomaticamente a numero como se especifica en las reglas del estandar de JavaScript
para conversiones de tipo.
Los atributos IDL pueden  reflejar otros tipos como un long sin asignacion, URL's,
booleanos, etc. Desafortunadamente no hay reglas claras y el comportamiento que los
atributos IDL en conjunto con sus respectivos atributos de contenido depende del mismo
atributo. La mayoria del tiempo, siguen  las reglas de diseño en la especificacion, pero
algunas veces no lo hacen. Las especificaciones HTML tratan de ser lo mas amigables para
el dasarrollador como es posible, pero por varias razones (mayormente historicas),
algunos aributos se comportan de forma extraña ( select.size , por ejemplo) y debes
leer las especificaciones para comprender como éste se comporta exactamente.
Ver Tambien
Elementos

Lista de Referencia de Atributos HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Lista de Referencia de Atributos HTML

Cargado por

Copyright:

Formatos disponibles

7/3/2018 Referencia de Atributos HTML - HTML | MDN

Referencia de Atributos HTML

Lista de tipos aceptados por el servidor,

accept-charset <form> Lista de juegos de caracteres soportados.

Deﬁne una tecla que activa o agrega un foco

La URL del programa que procesa la

<applet> , <area> , <img> , Texto alternativo en caso de que la imagen no

Indica que el script debería ejecutarse

Indica si los controles en este formulario

<button> , <input> , El elemento debería recibir foco

El audio o video debería empezar lo antes

Previous values should persist dropdowns of

Color de fondo del elemento.

El ancho del borde.

Contiene un rango de tiempo multimedia

Cadena de desafío que se envía junto con la

Declara la codiﬁcación de caracteres de la

Indica que el elemento debería estar marcado

<blockquote> , <del> , Contiene una URL que apunta a la fuente de la

Usualmente empleado con CSS para aplicar

Especiﬁca la URL del archivo de tipo applet a

Este atributo contiene la URL absoluta o

Este atributo establece el color de texto

Deﬁne el número de columnas en un área de

Deﬁne el número de columnas que una celda

Un valor asociado con http-equiv o name

Indica si el contenido del elemento es

Deﬁne el ID del elemento <menu> que servira

Indica si el navegador debe mostrar controles

Un conjunto de valores que especiﬁcan las

data <object> Especiﬁca la URL del recurso.

Permite asociar atributos presonalizados a un

Indica la fecha y hora asociadas con el

Indica que la pista debe estar habilitada a

Indica que el código debe ser ejecutado

Deﬁne la dirección del texto. Los valores

Indica la dirección del texto asociada con el

Indica que el hipervínculo es utilizado para

draggable Atributo Global Deﬁne si el elemento puede ser arrastrado.

Indica que el elemento acepta contenido

Deﬁne el tipo de contenido del formulario

for <label> , <output> Describe elementos que pertenecen a éste.

Indica la acción del elemento, anulando la

IDs de los elementos <th> que aplican a este

Especiﬁca la altura de los elementos

Evita la prestación del elemento dado,

high <meter> Indica el menor valor del rango alto.

<a> , <area> , <base> ,

hreflang <a> , <area> , <link> Especiﬁca el lenguaje del recurso asociado.

Indica una directiva que puede alterar el

Especiﬁca una imagen relacionada con el

Identiﬁcador el elemento para acceder al

Indica que la imagen es parte de un mapa de

Indica que el elemento contiene el valor de la

Especiﬁca el tipo de clave generada.

kind <track> Speciﬁes the kind of text track.

Especiﬁca el título de la pista con un formato

lang Atributo Global Deﬁne el lenguaje utilizado en el elemento.

Deﬁne el lenguage (de programación)

Identiﬁca una serie de valores predeﬁnidos

Indica si el medio debe volver a ser

low <meter> Indica el valor mas alto del rango bajo.

Especiﬁca la URL del maniﬁesto de cache para

Deﬁne el mayor número de caracteres