HTML: Etiquetas (lista)

Las etiquetas HTML son las partes de los elementos que permiten encerrar su contenido. La mayoría de elementos HTML tiene dos etiquetas para definir la apertura y el cierre, aunque existen algunos que tienen una única etiqueta de apertura, llamados elementos vacíos, cuyo contenido se indica mediante atributos.

Las etiquetas de apertura tienen tres partes: el símbolo «menor que» (<), la palabra clave que define el elemento y el símbolo «mayor que» (>). De este modo, la palabra clave queda encerrada entre < y >. Para las etiquetas de cierre, el símbolo menor que va seguido de una barra, así: </.

Ejemplo de etiqueta HTML con sus partes:

<etiqueta></etiqueta>

A continuación se muestra una lista con todas las etiquetas que definen los elementos HTML hasta la versión 5. Las etiquetas están clasificadas por tipo de elemento y contienen la versión de HTML que las publicó por primera vez. Cada etiqueta viene acompañada de una descripción y un enlace hacía su página.

Cabe mencionar que algunos elementos nuevos agregados en HTML5 podrían tener un soporte parcial o limitado en algunos navegadores web. Por esta razón, se recomienda usarlos con precaución. Además, algunos elementos de versiones anteriores quedaron obsoletos y por tanto se han omitido de la lista.

Elemento raíz del documento HTML

Etiqueta Versión Descripción
<html> 2 Elemento raíz (contenedor principal).

Metadatos del documento HTML

Etiqueta Versión Descripción
<head> 2 Sección de cabecera del documento.
<title> 2 Título del documento.
<base> 2 URI base para resolver URI relativos.
<link> 2 Enlaza recursos externos para el documento.
<style> 3 Insertar estilos CSS en el documento.
<meta> 2 Aporta información adicional sobre el documento.

Secciones del documento HTML

Etiqueta Versión Descripción
<body> 2 Representa el contenido del documento.
<section> 5 Define secciones genéricas del documento.
<nav> 5 Sección que proporciona enlaces de navegación.
<header> 5 Cabecera de un documento.
<footer> 5 Pie de página de un documento.
<main> 5 Sección de contenido principal del documento.
<article> 5 Indica secciones de contenido reutilizable.
<aside> 5 Sección de contenido indirectamente relacionado.
<figure> 5 Contenido independiente.
<figcaption> 5 Leyenda asociada al contenido independiente.
<hgroup> 5 Agrupa encabezados consecutivos.
<h1> 2 Encabezado de primer nivel.
<h2> 2 Encabezado de segundo nivel.
<h3> 2 Encabezado de tercero nivel.
<h4> 2 Encabezado de cuarto nivel.
<h5> 2 Encabezado de quinto nivel.
<h6> 2 Encabezado de sexto nivel.
<div> 3 Sección genérica.

Agrupación de contenido

Etiqueta Versión Descripción
<p> 2 Párrafo.
<hr> 2 Separador horizontal de contenido.
<pre> 2 Bloque de texto sin formato.
<ol> 2 Creación de listas ordenadas.
<ul> 2 Creación de listas no ordenadas.
<li> 2 Elemento de una lista.
<dl> 2 Creación de listas de definición.
<dt> 2 Término de una lista de definición.
<dd> 2 Descripción de una lista de definición.

Semántica de contenido textual

Etiqueta Versión Descripción
<a> 2 Enlace o hipervínculo.
<b> 2 Texto en negrita.
<strong> 2 Texto en negrita con énfasis.
<i> 2 Texto en cursiva.
<em> 2 Texto en cursiva con énfasis.
<u> 2 Texto subrayado.
<sup> 3 Texto superíndice.
<sub> 3 Texto subíndice.
<mark> 5 Texto resaltado.
<s> 4 Texto tachado.
<small> 3 Texto pequeño.
<big> 3 Texto grande.
<blockquote> 2 Texto citado en un elemento de bloque.
<q> 4 Texto citado en un elemento de línea.
<cite> 2 Texto con referencia o fuente.
<address> 2 Indica información de contacto (bloque).
<abbr> 4 Texto abreviado o acrónimo.
<dfn> 3 Término descrito en el mismo párrafo.
<ruby> 5 Texto Ruby (anotaciones circundantes).
<rt> 5 Definición de anotación Ruby.
<rp> 5 Respaldo de soporte en anotaciones Ruby.
<data> 5 Información apta para programas.
<time> 5 Fecha y/u hora.
<code> 2 Código fuente de programación.
<var> 2 Representación de variables.
<samp> 2 Representación de la salida de un programa.
<kbd> 2 Representación de teclas.
<bdi> 5 Texto bidireccional.
<bdo> 4 Anula texto bidireccional.
<span> 4 Contenedor de texto en línea.
<br> 2 Salto de línea.
<wbr> 5 Oportunidad de salto de línea.

Edición de contenido

Etiqueta Versión Descripción
<ins> 4 Texto agregado.
<del> 4 Texto eliminado.

Incrustación de contenido

Etiqueta Versión Descripción
<img> 2 Incrustar imagen.
<iframe> 4 Incrustar documento HTML.
<object> 4 Incrusta aplicaciones externas.
<param> 3 Parámetros de aplicaciones externas.
<map> 3 Mapa asociado a una imagen.
<area> 3 Área de un mapa de imagen.
<picture> 5 Imagen con múltiples orígenes.
<video> 5 Incrustar vídeo.
<audio> 5 Incrustar audio.
<source> 5 Recursos de múltiples medios.
<track> 5 Texto para vídeo y audio.
<embed> 5 Incrusta un recurso externo.

Tablas (contenido tabulado)

Etiqueta Versión Descripción
<table> 3 Tabla.
<tr> 3 Fila de celdas.
<td> 3 Celda de una tabla.
<thead> 4 Cabecera de una tabla.
<tbody> 4 Cuerpo de una tabla.
<tfoot> 4 Pie de una tabla.
<th> 3 Celda de encabezado.
<caption> 3 Título de una tabla.
<colgroup> 4 Grupo de columnas.
<col> 4 Propiedades de columnas.

Formularios

Etiqueta Versión Descripción
<form> 2 Formulario.
<label> 4 Etiqueta descriptiva de un control.
<fieldset> 4 Agrupar controles relacionados.
<legend> 4 Título de controles agrupados.
<button> 4 Control de botón.
<input> 2 Control de entrada de datos.
<textarea> 2 Caja de texto de varias líneas.
<select> 4 Menú desplegable de opciones.
<option> 2 Opción de un menú.
<optgroup> 4 Agrupación de opciones de menú.
<datalist> 5 Lista de sugerencias.
<output> 5 Salida de un cálculo o proceso.
<progress> 5 Progreso de una tarea.
<meter> 5 Medida dentro de un rango.

Interactividad

Etiqueta Versión Descripción
<details> 5 Contenido desplegable.
<summary> 5 Resumen del contenido desplegable.
<dialog> 5 Cuadro de diálogo.

Programas

Etiqueta Versión Descripción
<script> 3 Insertar código JS.
<noscript> 4 Contenido alternativo para JS.
<canvas> 5 Contenedor para gráficos dinámicos.
<template> 5 Plantilla para contenido a ser agregado.
<slot> 5 Espacio en componentes para insertar contenido.
Artículo siguiente →
HTML: Tipos MIME