Anexo:Etiquetas HTML/XHTML

Este artículo está actualizado según los estándares desarrollados por el W3C: HTML5, XHTML5, XML 1.1 y CSS3. Es una lista completa de propiedades y atributos de cada etiqueta de los lenguajes mencionados ordenados por orden alfabético. El propósito de este artículo es informativo y no normativo.

Atributo	Variable	Descripción
Identificador^[8]	PUBLIC / SYSTEM	Determina si se utilizará el atributo Identificador público e identificador de sistema o el atributo reservado de compatibilidad.
Public identifier^[9]	`-//W3C//DTD HTML 4.0//EN`	Determina el estándar bajo el que se rige el documento (Identificador público).
	`-//W3C//DTD HTML 4.01//EN`
	`-//W3C//DTD XHTML 1.0 Strict//EN`
	`-//W3C//DTD XHTML 1.1//EN`
System identifier^[10]	`http://www.w3.org/TR/REC-html40/strict.dtd`	Determina la url del DTD (Identificador de sistema).
	`http://www.w3.org/TR/html4/strict.dtd`
	`http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd`
	`http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd`
Legacy-tool-compatible doctype^[11]	`about:legacy-compat`	Reservado para documentos HTML que requieren compatibilidad con herramientas XML y XSLT^[12]
Iframe Srcdoc Document^[13]	`about:srcdoc`	Reservado como dirección de documento cuyo contenido procede de Iframe como respuesta al atributo srcdoc de dicho documento.^[14]

Enlace de atributos	Muestra
`<!DOCTYPE tipodocumento >`	`<!DOCTYPE html >`
`<!DOCTYPE tipodocumento identificador & Public identifier & System identifier>`	`<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`

Formato	Enlace de atributos	Muestra
Mínimo/Obligatorio^[15]	`<!DOCTYPE tipodocumento >`	`<!DOCTYPE html >`
Estándar^[16]	`<!DOCTYPE tipodocumento identificador Public identifier>`	`<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">`
	`<!DOCTYPE tipodocumento identificador & Public identifier & System identifier>`	`<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">`
	`<!DOCTYPE tipodocumento identificador & Public identifier>`	`<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">`
	`<!DOCTYPE tipodocumento identificador & Public identifier & System identifier>`	`<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
	`<!DOCTYPE tipodocumento identificador & Public identifier & System identifier>`	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
	`<!DOCTYPE tipodocumento identificador & Public identifier & System identifier>`	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">`
Especial^[17]	`<!DOCTYPE tipodocumento identificador & System identifier>`	`<!DOCTYPE html SYSTEM "about:legacy-compat">`
Especial^[17]	`<!DOCTYPE tipodocumento identificador & System identifier>`	`<!DOCTYPE html SYSTEM "about:srcdoc">`

Atributo	Variable	Comentarios
name	id	Especifica que la etiqueta es un ancla o un named hyperlink.^[20] La variable id será el identificador de la etiqueta. Este Atributo está obsoleto
href	url	La variable url será la dirección URL del recurso.
Target (browsing context keywords) & (reservados/especiales) Este Atributo ha sido modificado en HTML5	`_blank`	Especifica el Contexto de navegación o marco de destino del recurso en una nueva ventana, del navegador, sin nombre.^[21]
	`_self`	Especifica el contexto de navegación o marco de destino del recurso en el contexto o marco actual en referencia al vínculo.^[22]
	`_parent`	Especifica el contexto de navegación o marco de destino del recurso en el contexto o marco padre o principal en relación con el vínculo, en caso de no existir un marco o contexto principal, el contexto de navegación o el marco de destino del recurso será el actual en referencia al vínculo (`_self`)^[23]
	`_top`	Especifica el contexto de navegación o marco de destino del recurso en el contexto padre de la ventana actual en relación con el vínculo en un entorno o contexto de varios marcos o marcos padres (cancelando cualquier estructura de marcos preexistente); en caso de no existir un marco o contexto principal, el contexto de navegación o el marco de destino del recurso será el actual en referencia al vínculo (`_self`).^[24]
target (browsing context name)	`name`	Donde name especifica el nombre del contexto de navegación o marco de destino del recurso solicitado. Un contexto de navegación en forma predeterminada, no tiene nombre si no se especifica. Una cadena válida del nombre de contexto de navegación no podrá comenzar con el carácter "`_`", este se reservará para los Target (browsing context keywords) & (reservados/especiales), y a menos tendrá la longitud de un carácter.^[25]
rel	`linktype`	Establece una relación entre el documento actual y el recurso referido por el enlace. Para utilizar otros linktype no definidos en la lista ha de utilizarse^[26]

Atributo	Valor	Descripción	DTD
accept	Mime_type	Especifica los tipos de archivos que se pueden presentar a través de una subida de archivos .	STF
accept-charset	charset	Especifica el carácter, establece que el servidor puede manejar de forma de datos.	STF
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	Especifica cómo se forman los datos deben ser codificados antes de enviarlos a un servidor	STF
method	obtener puesto	Especifica la forma de enviar el formulario de datos	STF
name	nombre	Especifica el nombre de una forma	TF
target	_blank _self _parent _top framename	Obsoleto. Especifica que la URL se abrirá la acción	TF

Atributo	Valor	Descripción	DTD
class	"nombre de la clase"	Especifica un nombre de clase de un elemento	STF
dir	"rtl"	Especifica la dirección del texto para el contenido en un elemento	STF
id	"identificación"	Especifica un identificador único para un elemento	STF
lang	"language_code"	Especifica un código de idioma para el contenido en un elemento	STF
style	"style_definition"	Especifica un estilo en línea de un elemento	STF
title	"texto"	Especifica información adicional acerca de un elemento	STF
xml: lang	"language_code"	Especifica un código de idioma para el contenido de un elemento en los documentos XHTML	STF

Ejemplo	Muestra
`<form action="http://www..." method="post" name="formulario" enctype="application/x-www-form- urlencoded "></form>`

Atributo	Descripción	Ejemplo de uso
id	El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento.	<p id="parrafo1">Este es el primer párrafo nombrado parrafo1. Para cambiar dinámicamente las propiedades del mismo usa este identificador.</p>
class	El atributo "class" asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos.	<p class="referencias">Este artículo está basado en el libro "Viento en los árboles" por John L. Brooks</p> <p class="referencias importante">Este artículo está basado en el libro "Viento en los árboles" por John L. Brooks... y es más importante que el anterior.</p>
style	Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro "style" deben preservar este orden "nombre : valor" y ser separados por un punto y coma. Si estás escribiendo código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo "class").	<p style="color: #0000FF; font-size: 12pt">Este es un párrafo con un estilo definido</p><p>Y este es otro texto sin estilo.</p>
title	Indica un título para el elemento. Usado para dar una descripción acerca del elemento que es usualmente mostrado como un "tool tip" cuando el usuario pone el puntero del mouse sobre el elemento.	<a title="HTMLQuick.com" href="http://www.htmlquick.com">Código HTML</a>
lang	Especifica el lenguaje del contenido de un elemento. El valor predeterminado es "desconocido". Al escribir código XHTML la sintaxis "xml:lang" representa una alternativa preferida en XHTML 1.0 y un reemplazo en XHTML 1.1 (por ejemplo, xml:lang="en").	<p lang="en">This is a paragraph in english.</p> <p lang="es">Este es un párrafo en español.</p>
dir	Especifica la dirección de texto del contenido y atributos del elemento, así como la direccionalidad de las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas: RTL: Derecha a izquierda, LTR: Izquierda a derecha.	<q lang="he" dir="rtl">...Una cita en Hebreo...</q>

Atributo	Variable	Comentarios
border		fronteras del espacio que va a ocupar la tabla
colspan		unificación de celdas para utilizarlas como única
cellpadding		distancia entre contenidos y bordes de las celdas
width		indica el ancho que ocupa dentro de la página
above		borde solo en la parte de arriba de la tabla
below		borde solo en la parte de abajo de la tabla
hsides		borde solo en las partes de arriba y abajo de la tabla
vsides		borde solo en las partes de los lados de la tabla
lhs		borde solo en la parte izquierda de la tabla
rhs		borde solo en la parte derecha de la tabla

atributo	valor	Descripción	DTD
accept	MIME_type	Especifica los tipos de archivos que se pueden presentar a través de un archivo de carga (solo para type = "file")	STF
align	left right top middle bottom	Obsoleto. Utilice estilos en su lugar. Especifica la alineación de una imagen de entrada (solo para type = "image")	TF
alt	text	Especifica un texto alternativo para una imagen de entrada (solo para type = "image")	STF
checked	checked	Especifica que un elemento de entrada debe ser preseleccionado cuando se carga la página (por type = "checkbox" o type = "radio")	STF
disabled	disabled	Especifica que un elemento de entrada debe ser desactivado cuando se carga la página	STF
maxlength	number	Especifica la longitud máxima (en caracteres) de un campo de entrada (por type = "text" o type = "password")	STF
name	name	Especifica un nombre para un elemento de entrada, que luego podrá ser referenciado mediante la variable global get o post de PHP. p.e: `$_POST['name']`	STF
readonly	readonly	Especifica que un campo de entrada debe ser de solo lectura (por type = "text" o type = "password")
size	number	Especifica el ancho de un campo de entrada	STF
src	URL	Especifica el URL de una imagen para mostrar como un botón de envío (solo para type = "image")	STF
type	button checkbox file hidden image password radio reset submit text	Especifica el tipo de un elemento de entrada	STF
value	value	Especifica el valor de un elemento de entrada, que luego será el valor de la variable POST o GET del recurso solicitado en la petición.	STF

Atributo	Valor	Descripción	DTD
accesskey	character	Especifica un atajo de teclado para acceder a un elemento	STF
class	classname	Especifica un nombre de clase de un elemento	STF
dir	rtl ltr	Especifica la dirección del texto para el contenido en un elemento	STF
id	id	Especifica un identificador único para un elemento	STF
lang	language_code	Especifica un código de idioma para el contenido en un elemento	STF
style	style_definition	Especifica un estilo en línea de un elemento	STF
tabindex	number	Especifica el orden de tabulación de un elemento	STF
title	text	Especifica información adicional acerca de un elemento	STF
xml: lang	language_code	Especifica un código de idioma para el contenido de un elemento, en los documentos XHTML	STF

Atributo	Valor	Descripción	DTD
align	left right Center Justify Char	Alinea el contenido de un grupo de columnas	SFT
char	character	Alinea el contenido de un grupo de columnas a un carácter.	SFT
charoff	number	Establece el número de caracteres que se ajustarán al contenido a partir del carácter especificado por el atributo.	SFT
span	number	Especifica el número de columnas en una tabla	SFT
valign	top middle bottom baseline	Alinea el contenido en vertical de un grupo de columnas.	SFT
width	pixels % relative_length	Especifica el ancho de un grupo de columnas.	SFT

Atributo	Valor	Descripción
cols	número	Especifica el ancho visible del textarea.
rows	número	Especifica el número de filas visibles en un área de texto.

Atributo	Valor	Descripción
Disable	discapacitado	Especifica que el texto de la zona debe ser desactivado.
name	nombre del textarea	Especifica el nombre de la zona de texto.
readonly	solo lectura	Especifica que el texto del área debe ser de solo lectura

Atributo	Variable	Comentarios
disabled	disabled	Especifica un botón no funcional (desactivado).
name	name	Especifica el nombre que se incluye en el botón.
type	`button`	Botón genérico que hace llamadas a funciones Javascript programadas.
	`reset`	Indica que la función del botón es mostrar los datos por defecto.
	`submit`	Especifica la función del botón para enviar la información introducida.
value	`text`	Muestra el valor que aparece indicado dentro del botón.

Código	Descripción
<button type="button">Clic</button>	Botón genérico que hace llamadas a funciones Javascript programadas.
<button type="reset" value="resetear">Reset</button>	Botón que sirve para resetear los valores del campo por defecto.
<button type="submit" value="Submit">Enviar</button>	Botón que envía los datos introducidos por el usuario (ej. en un formulario).

Descripción

Aplicación

Atributos

Compatibilidad

Notas

Ejemplo de uso

Descripción

Aplicación

Atributos

Compatibilidad

Notas

Ejemplo de uso

Descripción

Aplicación

Atributos

Compatibilidad

Notas

Ejemplo de uso

Descripción

Aplicación

Atributos

Descripción

Aplicación

Atributos

Atributos obligatorios

Atributos opcionales

Atributos estándar

Compatibilidad

Ejemplo de uso

Descripción

Aplicación

Atributos

Compatibilidad

Notas

Descripción

Atributos

Compatibilidad

Ejemplo de uso

Notas

Descripción

Aplicación

Atributos

Notas

Compatibilidad

Ejemplo de uso

Descripción

Atributos opcionales

Compatibilidad con navegadores

Ejemplo

Descripción

Aplicación

Atributos

Compatibilidad

Descripción

Aplicación

Atributos

Compatibilidad

Ejemplo de uso

Related Articles