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, proporcionando funcionalidad adicional. En sintaxis HTML, un atributo se añade a una etiqueta de inicio de HTML.
Se reconocen varios tipos de atributos básicos, que incluyen: (1) atributos requeridos, necesarios para que un tipo de elemento funcione correctamente; (2) atributos opcionales, que modifican 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 especificar guiones o script que se ejecutan bajo circunstancias concretas para cierto tipo de elementos.
Algunos tipos de atributo funcionan de manera diferente al ser utilizados para modificar diferentes tipos de elemento. Por ejemplo, el atributo name (nombre) se emplea en 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 mostrar 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.However, multiple identifiers may apply to the same element; in particular an element may be inside another element, each having an identifier. Este puede ser utilizado como selector CSS para proporcionar propiedades presentacionales, 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. Semánticamente, 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 considera 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 .<re
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. : 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 esta 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. Elementoidclassstyletitledirlangxml:langaccesskeytabindexiddirlangxml:langdirlangxml:langdirlangxml:langdirlangxml:langtitledirlangxml:langidclassstyletitleidclassstyletitleidclassstyletitleidclassstyletitleidclassstyletitleidclassstyletitledirlangidclassstyletitledirlangidclassstyletitledirlangidclassstyletitledirlangidclassstyletitledirlangidclassstyletitledirlangidclassstyletitledirlangidclassstyletitledirlangidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:lang, , , , , idclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langidclassstyletitledirlangxml:langaccesskeyidclassstyletitledirlangxml:langaccesskeyidclassstyletitledirlangxml:langtabindexidclassstyletitledirlangxml:langtabindexidclassstyletitledirlangxml:langaccesskeytabindexidclassstyletitledirlangxml:langaccesskeytabindexidclassstyletitledirlangxml:langaccesskeytabindexidclassstyletitledirlangxml:langaccesskeytabindexidclassstyletitledirlangxml:langaccesskeytabindex
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.