Tipos de atributos
A continuación, se presenta una clasificación de los atributos comunes según su funcionalidad.
Atributos básicos o globales
Se pueden usar en casi todas las etiquetas HTML.
name
Permite asignar un nombre a un objeto HTML.
<input name="password" />
title
Asigna un título a un elemento HTML, mejorando así la accesibilidad. Dicho título es mostrado por los navegadores cuando el usuario pasa el ratón por encima del elemento. Es especialmente útil con los elementos a, link, img, object, abbr y acronym.
<a title="Título de etiqueta"></a>
id
Permite identificar al elemento HTML sobre el que se aplica de forma única mediante un identificador único. Sólo es útil cuando se trabaja con CSS y con JavaScript.
<div id="principal"></div>
Los identificadores:
- Pueden empezar por números.
- Solo puede contener letras, números, guiones medios (
-) y/o guiones bajos (_).
style
Permite aplicar a un elemento HTML un estilo CSS directamente.
<span style="color: red;"></span>
class
Permite aplicar a un elemento HTML los estilos de un clase definida en una hoja de estilos CSS.
<div class="rojo"></div>
.rojo {
color: red;
}
Los nombres de las clases:
-
Pueden empezar por números.
-
Solo puede contener letras, números, guiones medios (
-) y/o guiones bajos (_).
Atributos para internacionalización
Estos atributos se utilizan en las páginas que muestran sus contenidos en varios idiomas, o aquellas que quieren indicar de forma explícita el idioma de sus contenidos.
dir
Indica la dirección de escritura del texto. Solo puede tomar dos valores:
ltr(left to right): de izquierda a derecha. Es el valor por defecto.rtl(right to left): de derecha a izquierda.
lang
Especifica el idioma del elemento mediante un código predefinido. Los posibles valores de este atributo se definen en el RFC 1766, el cual hace referencia a la norma ISO 639.
<html lang="es"></html>
Algunos ejemplos de valores posibles son:
| Código | Idioma |
|---|---|
en | Inglés |
es | Español |
ja | Japonés |
fr | Francés |
xml:lang
Al igual que el atributo lang, especifica el idioma del elemento mediante un código definido según el RFC 1766.
<html xml:lang="it"></html>
En las páginas XHTML, el atributo xml:lang tiene más prioridad que lang y es obligatorio incluirlo siempre que se incluya el atributo lang.
Atributos para obtener el foco
Permite definir el foco en elementos como formularios.
autofocus
Pone el foco de forma automática en el elemento que lo tenga definido.
<input autofocus />
Atributos de eventos
Se entiende por evento, aquello que ocurre cuando un usuario interactúa con la página web. Por ejemplo, hacer clic, hacer doble clic, pasar el ratón por encima de un elemento, etc.
Estos atributos solo se utilizan en las páginas web dinámicas, para las cuales se utiliza el lenguaje de programación JavaScript. Como no es objetivo de la materia, no se va a contemplar.