Códigos o elementos HTML5
Todos los elementos
del estándar HTML5 están
listados aquí, descritos por su etiqueta de apertura y agrupados por su
función. Contrariamente al indice de elementos HTML el cual lista todas las
posibles etiquetas, estándar, no-estándar, válidas, obsoletas o aquellas en
desuso, esta lista solamente los elementos válidos de HTML5. Solamente aquellos
elementos listados aquí son los que deberían ser usados en nuevos sitios Web.
Elemento raíz
Elemento
|
Descripción
|
<html> |
Representa
la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser
descendientes de este elemento.
|
Metadatos del documento
Elemento
|
Descripción
|
<head> |
Representa
una colección de metadatos acerca del documento, incluyendo enlaces a, o
definiciones de, scripts y hojas de estilo.
|
<title> |
Define
el título del documento, el cual se muestra en la barra de título del
navegador o en las pestañas de página. Solamente puede contener texto y
cualquier otra etiqueta contenida no será interpretada.
|
<base> |
Define
la URL base para las URLs relativas en la página.
|
<link> |
Usada
para enlazar JavaScript y CSS externos con el documento HTML actual.
|
<meta> |
Define
los metadatos que no pueden ser definidos usando otro elemento HTML.
|
<style> |
Etiqueta
de estilo usada para escribir CSS en línea.
|
Scripting
Elemento
|
Descripción
|
<script> |
Define
ya sea un script interno o un enlace hacia un script externo. El lenguaje de
programación es JavaScript
|
<noscript> |
Define
una contenido alternativo a mostrar cuando el navegador no soporta scripting.
|
Secciones
Elemento
|
Descripción
|
<body> |
Representa
el contenido principal de un documento HTML. Solo hay un elemento
<body> en un documento. |
<section> |
Define
una sección en un documento.
|
<nav> |
Define
una sección que solamente contiene enlaces de navegación
|
<article> |
Define
contenido autónomo que podría existir independientemente del resto del
contenido.
|
<aside> |
Define
algunos contenidos vagamente relacionados con el resto del contenido de la
página. Si es removido, el contenido restante seguirá teniendo sentido
|
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> |
Los
elemento de cabecera implementan seis niveles de cabeceras de
documentos;
<h1> es la de mayor y <h6> es la de menor impotancia. Un
elemento de cabecera describe brevemente el tema de la sección que introduce. |
<header> |
Define
la cabecera de una página o sección. Usualmente contiene un logotipo, el
título del sitio Web y una tabla de navegación de contenidos.
|
<footer> |
Define
el pie de una página o sección. Usualmente contiene un mensaje de derechos de
autoría, algunos enlaces a información legal o direcciones para dar
información de retroalimentación.
|
<address> |
Define
una sección que contiene información de contacto.
|
<main> |
Define
el contenido principal o importante en el documento. Solamente existe un
elemento
<main> en el documento. |
Agrupación de Contenido
Elemento
|
Descripción
|
<p> |
Define
una parte que debe mostrarse como un párrafo.
|
<hr> |
Representa
un quiebre temático entre parrafos de una sección o articulo o cualquier
contenido.
|
<pre> |
Indica
que su contenido esta preformateado y que este formato debe ser preservado.
|
<blockquote> |
Representa
una contenido citado desde otra fuente.
|
<ol> |
Define
una lista ordenada de artículos.
|
<ul> |
Define
una lista de artículos sin orden.
|
<li> |
Define
un artículo de una lista ennumerada.
|
<dl> |
Define
una lista de definiciones, es decir, una lista de términos y sus definiciones
asociadas.
|
<dt> |
Representa
un término definido por el siguiente
<dd> . |
<dd> |
Representa
la definición de los terminos listados antes que él.
|
<figure> |
Representa
una figura ilustrada como parte del documento.
|
<figcaption> |
Representa
la leyenda de una figura.
|
<div> |
Representa
un contenedor genérico sin ningún significado especial.
|
Semántica a nivel de Texto
Elemento
|
Descripción
|
<a> |
Representa
un hiperenlace ,
enlazando a otro recurso.
|
<em> |
Representa
un texto enfatizado ,
como un acento de intensidad.
|
<strong> |
Representa
un texto especialmente importante .
|
<small> |
Representa
un comentario aparte ,
es decir, textos como un descargo de responsabilidad o una nota de derechos
de autoría, que no son esenciales para la comprensión del documento.
|
<s> |
Representa
contenido que ya no es exacto o relevante .
|
<cite> |
Representa
el título de una obra .
|
<q> |
Representa
una cita textual inline.
|
<dfn> |
Representa
un término cuya definición está
contenida en su contenido ancestro más próximo.
|
<abbr> |
Representa
una abreviación o
un acrónimo ;
la expansión de la abreviatura puede ser representada por el atributo
title . |
<data> |
Asocia
un equivalente legible por máquina a sus
contenidos. (Este elemento está sólamente en la versión de la WHATWG
del estandar HTML, y no en la versión de la W3C de HTML5).
|
<time> |
Representa
un valor de fecha y hora; el
equivalente legible por máquina puede ser representado en el atributo datetime.
|
<code> |
Representa
un código de ordenador .
|
<var> |
Representa
a una variable, es
decir, una expresión matemática o
contexto de programación, un identificador que represente a una constante, un
símbolo que identifica una cantidad física, un parámetro de una función o un
marcador de posición en prosa .
|
<samp> |
Representa
la salida de
un programa o un ordenador.
|
<kbd> |
Representa
la entrada de usuario o usuaria,
por lo general desde un teclado, pero no necesariamente, este puede
representar otras formas de entrada de usuario o usuaria, como comandos de
voz transcritos.
|
<sub> ,<sup> |
Representan
un subíndice y
un superíndice, respectivamente.
|
<i> |
Representa
un texto en una voz o estado de ánimo alterno,
o por lo menos de diferente calidad, como una designación taxonómica, un
término técnico, una frase idiomática, un pensamiento o el nombre de un
barco.
|
<b> |
Representa
un texto hacia el cual se llama la atención para propósitos utilitaros. No confiere ninguna importancia
adicional y no implica una voz alterna.
|
<u> |
Representa
una anotación no textual sin-articular,
como etiquetar un texto como mal escrito o etiquetar un nombre propio en
texto en Chino.
|
<mark> |
Representa
texto resaltado con propósitos de referencia, es
decir por su relevancia en otro contexto.
|
<ruby> |
Representa contenidos a ser marcados con anotaciones ruby,
recorridos cortos de texto presentados junto al texto. Estos son
utilizados con regularidad en conjunto a lenguajes de Asia del Este, donde
las anotaciones actúan como una guía para la pronunciación, como el furigana Japonés.
|
<rt> |
Representa
el texto de una anotación ruby .
|
<rp> |
Representa
los paréntesis alrededor de una anotación ruby,
usada para mostrar la anotación de manera alterna por los navegadores que no
soporten despliegue estandar para las anotaciones.
|
<bdi> |
Representa
un texto que debe ser aislado de sus alrededores para el
formateado bidireccional del texto. Permite incrustar un fragmento de
texto con una direccionalidad diferente o desconocida.
|
<bdo> |
Representa
la direccionalidad de
sus descendientes con el fin de anular de forma explícita al algoritmo bidireccional
Unicode.
|
<span> |
Representa
texto sin un significado específico. Este debe ser usado cuando ningún
otro elemento
semántico le confiere un significado adecuado, en cuyo caso, provendrá de
atributos globales como
class , lang , o dir . |
<br> |
Representa
un salto de línea.
|
<wbr> |
Representa
una oportunidad de salto de línea, es
decir, un punto sugerido de envoltura donde el texto de múltiples líneas
puede ser dividido para mejorar su legibilidad.
|
Ediciones
Elemento
|
Descripción
|
<ins> |
Define
una adición en el documento.
|
<del> |
Define
una remoción del
documento.
|
Contenido incrustado
Elemento
|
Descripción
|
<img> |
Representa
una imagen.
|
<iframe> |
Representa
un contexto anidado de navegación, es decir, un
documento HTML embebido.
|
<embed> |
Representa
un punto de integración para una aplicación o contenido
interactivo externo que por lo general no es HTML.
|
<object> |
Representa
un recurso externo, que
será tratado como una imagen, un sub-documento HTML o un recurso externo a
ser procesado por un plugin.
|
<param> |
Define parámetros para el uso por los plugins
invocados por los elementos
<object> . |
<video> |
Representa
un video ,
y sus archivos de audio y capciones asociadas, con la interfaz necesaria para
reproducirlos.
|
<audio> |
Representa
un sonido o stream de audio.
|
<source> |
Permite
a autores o autoras especificar recursos multimedia alternativos para los
elementos multimedia como
<video> o <audio> . |
<track> |
Permite
a autores o autoras especificar una pista de texto temporizado para elementos
multimedia como
<video> o <audio> . |
<canvas> |
Representa
un área de mapa de bits en el que se pueden utilizar
scripts para renderizar gráficos como gráficas, gráficas de juegos o
cualquier imagen visual al vuelo.
|
<map> |
En
conjunto con
<area> , define un mapa
de imagen. |
<area> |
En
conjunto con
<map> , define un mapa
de imagen. |
<svg> |
Define
una imagen vectorial embebida.
|
<math>
|
Define
una fórmula matemática.
|
Datos tabulares
Elemento
|
Descripción
|
<table> |
Representa datos
con más de una dimensión.
|
<caption> |
Representa
el título de una tabla.
|
<colgroup> |
Representa
un conjunto de una o más columnas de una tabla.
|
<col> |
Representa
una columna de
una tabla.
|
<tbody> |
Representa
el bloque de filas que describen los datos contretos de una tabla.
|
<thead> |
Representa
el bloque de filas que describen las etiquetas de columna de una tabla.
|
<tfoot> |
Representa
los bloques de filas que describen los resúmenes de columna de una tabla.
|
<tr> |
Representa
una fila de celdas en una tabla.
|
<td> |
Representa
una celda de datos en
una tabla.
|
<th> |
Representa una celda
encabezado en una tabla.
|
Formularios
Elemento
|
Descripción
|
<form> |
Representa
un formulario, consistendo de controles que puede ser
enviado a un servidor para procesamiento.
|
<fieldset> |
Representa
un conjunto de controles.
|
<legend> |
Representa
el título de un
<fieldset> . |
<label> |
Representa
el título de
un control de formulario.
|
<input> |
Representa
un campo de datos escrito que permite al usuario o
usuaria editar los datos.
|
<button> |
Representa
un botón .
|
<select> |
Represents
un control que permite la selección entre un conjunto
de opciones.
|
<datalist> |
Representa
un conjunto de opciones predefiniddas para otros
controles.
|
<optgroup> |
Representa
un conjunto de opciones, agrupadas lógicamente.
|
<option> |
Representa
una opción en
un elemento
<select> , o una sugerencia de un
elemento <datalist> . |
<textarea> |
Representa
un control de edición de texto multi-línea.
|
<keygen> |
Representa
un control de par generador de llaves.
|
<output> |
Representa
el resultado de un cálculo.
|
<progress> |
Representa
el progreso de finalización de
una tarea.
|
<meter> |
Representa
la medida escalar (o el valor fraccionario) dentro
de un rango conocido.
|
Elementos interactivos
Elemento
|
Descripción
|
<details> |
Representa
un widget desde
el que un usuario o usuaria puede obtener información o controles
adicionales.
|
<summary> |
Representa
un resumen, título o leyenda para un elemento
<details> dado. |
<command> |
Representa
un comando que un usuario o usuaria puede invocar.
|
<menu> |
Representa
una lista
de comandos .
|