Atributo HTML

Los atributos de HTML son palabras especiales utilizadas dentro de la etiqueta de apertura, para controlar el comportamiento del elemento. Los atributos de HTML son un modificador de un tipo de elemento de HTML. Modificar elemento funcion elemento funcionalidad modificar elemento. En sintaxis HTML, un atributo se añade a una etiqueta de inicio de HTML.

Se han reconocido varios tipos de atributos básicos, incluyendo: (1) atributos requeridos, necesitados por un tipo de elemento particular, para que aquel tipo de elemento funcione correctamente; (2) atributos opcionales, utilizados para modificar la funcionalidad por defecto de un tipo de elemento; (3) atributos estándares, soportados por muchos tipos de elementos; y (4) atributos de evento, utilizados para causar que los tipos de elemento  especifiquen guiones o script para ser ejecutados bajo circunstancias concretas.

Algunos tipos de atributo funcionan de manera diferente, cuándo son utilizados para modificar diferentes tipos de elemento. Por ejemplo, el atributo name (nombre) se utiliza por varios tipos de elementos, pero tiene funciones ligeramente diferentes en cada uno.

Descripción 
Los atributos de HTML generalmente se muestran como una pareja nombre-valor, separados por =, y están escritos dentro de la etiqueta de inicio de un elemento, después del nombre del elemento:<element attribute="value">element content</element>Dónde  element nombra el tipo element del HTML, y atributte es el nombre  del atributo puesto al value (valor) proporcionado. El valor puede estar encerrado en comillas simples o dobles, aunque hay  valores  compuestos de ciertos caracteres y que pueden quedar descomillados en HTML (pero no en XHTML). Dejar valores de atributo descomillados se considera inseguro.

A pesar de que la mayoría de los atributos se proporcionan como nombres y valores parejados, algunos afectan a la simplicidad del elemento con su presencia en la etiqueta de inicio del elemento (como el atributo ismap  para el elementoimg).

El elemento de abreviatura, abbr, se puede usar para mostar estos distintos atributos:<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>Este ejemplo visualiza como HTML, y en la mayoría de los navegadores, al apuntar con el cursor en la abreviatura, debería mostrar el texto de título: "Hypertext Markup Language."

La mayoría de elementos también toman la los atributos relativos a lenguas lang y dir.

Atributos comunes 
La mayoría de elementos pueden tomar cualquiera de varios de los atributos comunes:

 El atributo id (identidad) proporciona un identificador único en el ámbito de todo el documento para un elemento. Este puede ser utilizado como selector CSS para proporcionar propiedades presentationales, por los navegadores para centrar la atención en el elemento concreto, o por scripts (guiones) para alterar los contenidos o la presentación de un elemento. Anexado a la URL de la página, la URL directamente apunta el elemento concreto dentro del documento, típicamente una subsección de la página. Por ejemplo, los #ID "Atributtes" en http://en.wikipedia.org/wiki/html#Atributtes
 El atributo  class proporciona una manera de clasificar elementos similares. Esto puede ser utilizado para propósitos semánticos, o para propósitos de presentación. Semantically, por ejemplo, las clases se utilizan en microformatos. Presentacionalmente, por ejemplo, un documento HTML podría utilizar la designaciónclass="notation" ,  para indicar que todos los  elementos con esta clase de valor están subordinados al texto principal del documento. Tales elementos podrían ser reunidos juntos y presentados como notas al pie en una página, en vez de aparecer en el sitio donde  se encuentran en la fuente de HTML. Otro uso   sería como selector CSS.
 Un autor puede utilizar propiedades no presentacionales de código atribucional de style para un elemento particular.El atributo de estilo se puede utilizar en cualquier elemento de HTML ( se validará en cualquier elemento HTML;  aun así, no es necesariamente útil). Se consiera mejor práctica usar los atributos iddo classde un elemento para seleccionar el elemento con una stylesheet (hoja de estilo), aunque a veces esto puede ser demasiado pesado para una aplicación de propiedades de estilo simple y específico o ad hoc.
 El atributo de title (título) se suele usar para unir explicación subtextual a un elemento. En la mayoría de los navegadores, este atributo se muestra como lo que a menudo se llama un tooltip o globo.

Variedades 
Los atributos HTML se clasifican generalmente en  requeridos, opcionales, estándares (también denominados globales) y de evento.  Normalmente los atributos requeridos y opcionales modifican elementos de HTML concretos, mientras que los atributos estándares pueden aplicarse a la mayoría de elementos de HTML.  Los atributos de evento, añadidos en versión HTML 4, permiten que un elemento especifiquen guiones o script que se ejecutaran en ciertas circunstancias .

Requerido y opcional

Utilizado por un elemento 

 : , 
 : 
 : , , , , 
 : , , , 
 : 
 : 
 : 
 : 
 : 
 : , 
 : 
 : , , 
 : , , , , 
 : 
 : 
 : 
 : , 
 : 
 : , , , , 
 :

Utilizado por dos elementos 

  and :
 coords — coordinates of an  or a  within it.
 shape — shape of an  or a  within it.  Values: default, rect, circle, poly.
  and :
 hreflang — Language code of the linked document. (, )
 rel — Nature of the linked document (relative to the page currently displayed).  Free text for , but  uses a set of terms (alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection).
 rev — Nature of the currently displayed page (relative to the linked document).  Varies for  and  as for rel.
  and :
 archive — archive URL(s) (, )
 codebase — base URL (, )
  and :
 color — text color (deprecated) (, )
 face — font family (deprecated) (, )
  and :
 span — number of columns spanned (, )
  and :
 datetime — date and time of text  or .
  and :
 accept — types of files accepted when uploading  or 
  and :
 frameborder — value (0 or 1) specifies whether to display a border around the  or .
 marginheight — top and bottom margins in pixels around the  or .
 scrolling — value (yes, no, auto) specifies whether to display scroll bars around the  or .
 marginwidth —  left and right margins in pixels around the  or .
  and :
 cols — number of visible columns in  or  (some variation)
 rows — number of visible rows in  or  (some variation)
  and :
 usemap — specifies name of a map element to use with  -or- URL of an image-map to use with .
  and :
 readonly — specifies read-only text for  and .
  and :
 media — specifies display device for  and .  Values: all, aural, braille, handheld, print, projection, screen, tty, TV.
  and :
 label — description text for an  or .
  and :
 abbr — abbreviated version of a table  or .
 axis — category name for a table  or .
 colspan — number of columns spanned by a table  or .
 nowrap — (deprecated) prevents wrapping of a table  or .
 rowspan — number of rows spanned by a table  or .
 scope — no effect on normal browser display, but marks a table  or  as a logical header for other cells.  Values: col, colgroup, row, rowgroup.

Utilizado por múltiples elementos 

 align — , , , , , , , , 
align also deprecated in , ,  to , , , , , , , 
 alt — , , , 
 bgcolor — , , , , 
 border — , , 
 char — , , , , , , , 
 charoff — , , , , , , , 
 charset — , , 
 cite — , , , 
 compact — , , , 
 disabled — , , , , , 
 height — , , ,  . Also deprecated in , 
 href — , , , 
 hspace — , . Also deprecated in 
 longdesc — , , 
 name — , , , , , , , , , , , , 
 size — , , , , 
 src — , , , , 
 target — , , , , 
 type — , , , , , , , , , 
 valign — , , , , , , , 
 value — , , , , 
 vspace — , , 
 width — , , , , , , , , , ,

Atributos globales 
Los atributos globales, también conocidos como atributos estándares, funcionan con un gran número de elementos. Incluyen los atributos estándares básicos: entre los que se encuentran accesskey, class, contenteditable, contextmenu, data, dir, hidden (escondido), id, lang, style (estilo), tabindex, títle. Hay también algunos experimentales. Tanto xml:lang , como xml:base ha sido depreciados. Los atributos  aria-* múltiples mejoran la accesibilidad. Los atributos de manejador de eventos, se listan más adelante en este página.

Técnicamente todos los atributos globales tienen que ser aceptados por todos los  elementos, aunque no funcionen con algunos de ellos. La tabla inferior lista algunos atributos globales comunes, y algunos de los elementos con los que pueden funcionar.

Atributos de evento

Los atributos estándar o globales incluyen los atributos de manejo de evento. Todos tienen el prefijo -: 

Los atributos de evento, añadidos en HTML versión 4, permiten a un elemento especificar guiones o script que serán ejecutados bajo determinadas circunstancias. La tabla de más abajo lista algunos de los atributos de manejador de evento más comunes, y algunos elementos con los que pueden funcionar.

Véase también 

 Elemento de HTML

Referencias 

HTML