Lista de Elementos HTML5
Lista de Elementos HTML5
Lista de Elementos HTML5
Saltar a: Elemento raíz Metadatos del documento Scripting Secciones Agrupación de Contenido
Todos los elementos del estandar 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, estandar, no-estandar, 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.
El simbolo indica que el elemento fue añadido en HTML5. Nótese que otros elementos
listados aqui pueden haber sido modificados o extendido en su significado por la
especificación HTML5.
Elemento raíz
Elemento Descripcion
Elemento Descripción
Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de este
<html>
elemento.
Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y
<head>
hojas de estilo.
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.
<title>
Solamente puede contener texto y cualquier otra etiqueta contenida no será interpretada.
<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.
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
Secciones
Elemento Descripción
<body> Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.
<article> Define contenido autónomo que podría existir independientemente del resto del contenido.
Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es removido,
<aside>
el contenido restante seguirá teniendo sentido
<h1>,<h2>, Los elemento de cabecera implementan seis niveles de cabeceras de documentos; <h1> es la de mayor
<h3>,<h4>, y <h6> es la de menor impotancia. Un elemento de cabecera describe brevemente el tema de la sección que
<h5>,<h6> introduce.
Define la cabecera de una página o sección. Usualmente contiene un logotipo, el título del sitio Web y una
<header>
tabla de navegación de contenidos.
Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de autoría, algunos
<footer>
enlaces a información legal o direcciones para dar información de retroalimentación.
Agrupación de Contenido
Elemento Descripción
<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.
<dl> Define una lista de definiciones, es decir, una lista de términos y sus definiciones asociadas.
Representa un comentario aparte , es decir, textos como un descargo de responsabilidad o una nota de
<small>
derechos de autoría, que no son esenciales para la comprensión del documento.
<dfn> Representa un término cuya definición está contenida en su contenido ancestro más próximo.
Representa una abreviación o un acrónimo ; la expansión de la abreviatura puede ser representada por el
<abbr>
atributo title .
Asocia un equivalente legible por máquina a sus contenidos. (Este elemento está sólamente en la versión de la
<data>
WHATWG del estandar HTML, y no en la versión de la W3C de HTML5).
Representa un valor de fecha y hora; el equivalente legible por máquina puede ser representado en el
<time>
atributo datetime.
Representa a una variable, es decir, una expresión matemática o contexto de programación, un identificador que
<var> 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.
Representa la entrada de usuario, por lo general desde un teclado, pero no necesariamente, este puede
<kbd>
representar otras formas de entrada de usuario, como comandos de voz transcritos.
Representa un texto en una voz o estado de ánimo alterno, o por lo menos de diferente calidad, como una
<i>
designación taxonómica, un término técnico, una frase idiomática, un pensamiento o el nombre de un barco.
Representa un texto hacia el cual se llama la atención para propósitos utilitaros. No confiere ninguna
<b> Page: 3 of 7
importancia adicional y no implica una voz alterna.
Representa un texto hacia el cual se llama la atención para propósitos utilitaros. No confiere ninguna
<b>
importancia adicional y no implica una voz alterna.
Representa una anotación no textual sin-articular, como etiquetar un texto como mal escrito o etiquetar un
<u>
nombre propio en texto en Chino.
<mark> Representa texto resaltado con propósitos de referencia, es decir por su relevancia en otro contexto.
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
<ruby>
actúan como una guía para la pronunciación, como el furigana Japonés.
Representa los paréntesis alrededor de una anotación ruby, usada para mostrar la anotación de manera
<rp>
alterna por los navegadores que no soporten despliegue estandar para las anotaciones.
Representa un texto que debe ser aislado de sus alrededores para el formateado bidireccional del texto.
<bdi>
Permite incrustar un fragmento de texto con una direccionalidad diferente o desconocida.
Representa la direccionalidad de sus descendientes con el fin de anular de forma explícita al algoritmo
<bdo>
bidireccional Unicode.
Representa texto sin un significado específico. Este debe ser usado cuando ningún otro elemento semántico le
<span>
confiere un significado adecuado, en cuyo caso, provendrá de atributos globales como class , lang , o dir .
Representa una oportunidad de salto de línea, es decir, un punto sugerido de envoltura donde el texto de
<wbr>
múltiples líneas puede ser dividido para mejorar su legibilidad.
Ediciones
Elemento Descripción
Contenido incrustado
Elemento Descripción
<embed> Representa un punto de integración para una aplicación o contenido interactivo externo que por lo general no es
HTML.
Representa un recurso externo, que será tratado como una imagen, un sub-documento HTML o un recurso
<object>
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.
Page: 4 of 7
<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 especificar recursos multimedia alternativos para los elementos multimedia como <video> o
<audio> .
<track> Permite a autores 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.
<math>
Define una fórmula matemática.
Datos tabulares
Elemento Descripción
<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.
Formularios
Elemento Descripción
Representa un formulario, consistendo de controles que puede ser enviado a un servidor para
<form>
procesamiento.
<input> Representa un campo de datos escrito que permite al usuario editar los datos.
<datalist>
Representa un conjunto de opciones predefiniddas para otros controles.
<option> Representa una opción en un elemento <select> , o una sugerencia de un elemento <datalist> .
<progress>
Representa el progreso de finalización de una tarea.
Elementos interactivos
Elemento Descripción
<details> Representa un widget desde el que un usuario puede obtener información o controles adicionales.
Ver también
Un conjunto de documentos sobre HTML5.
La referencia de todos las etiquetas HTML, incluso elementos no validos en HTML5.
Otra manera de listar las etiquetas: la Tabla Periodica de elementos HTML5 por
Josh Duck.
Page: 6 of 7