Referencia de elementos EsHTML
Esta página enumera todos los elementos de EsHTML, que se crean usando etiquetas, junto con sus equivalentes en HTML estándar en inglés.
Están agrupados por función para ayudarte a encontrar fácilmente lo que buscas.
Metadatos del Documento
<cabecera>
→<head>
Contiene información de metadatos sobre el documento, como su título y enlaces a scripts y hojas de estilo.
<título>
→<title>
Define el título del documento que se muestra en la barra de título del navegador o en la pestaña de la página.
<meta>
→<meta>
Representa metadatos que no pueden ser expresados usando otros elementos meta-relacionados.
<enlace>
→<link>
Especifica relaciones entre el documento actual y un recurso externo.
<estilo>
→<style>
Contiene información de estilo para un documento o parte del mismo.
<base>
→<base>
Especifica la URL base a utilizar para todas las URLs relativas en un documento.
Raíz de Sección
Secciones de Contenido
<artículo>
→<article>
Representa una composición autónoma en un documento, página o aplicación, destinada a ser distribuida o reutilizada independientemente.
<sección>
→<section>
Representa una sección genérica de un documento, como un grupo de contenido temático.
<pie>
→<footer>
Representa un pie de página para su sección más cercana, que suele contener información sobre el autor, derechos de autor o enlaces relacionados.
<aparte>
→<aside>
Representa una sección de una página que consiste en contenido que es tangencialmente relacionado con el contenido alrededor del apartado.
<dirección>
→<address>
Indica que el HTML contenido proporciona información de contacto para una persona o personas, o para una organización.
<encabezado>
→<header>
Representa contenido introductorio, típicamente un grupo de ayudas de navegación o introducción.
<e1>
→<h1>
Encabezado de nivel 1, utilizado para títulos principales en la jerarquía de contenido.
<e2>
→<h2>
Encabezado de nivel 2, utilizado para secciones.
<e3>
→<h3>
Encabezado de nivel 3, utilizado para subsecciones.
<e4>
→<h4>
Encabezado de nivel 4.
<e5>
→<h5>
Encabezado de nivel 5.
<e6>
→<h6>
Encabezado de nivel 6.
<grupoe>
→<hgroup>
Representa un encabezado agrupado con cualquier contenido secundario, como subtítulos, un título alternativo o un eslogan.
<principal>
→<main>
Representa el contenido dominante del cuerpo de un documento. El área de contenido principal consiste en contenido que está directamente relacionado con o expande el tema central de un documento, o la funcionalidad central de una aplicación.
<nav>
→<nav>
Representa una sección de una página cuyo propósito es proporcionar enlaces de navegación, ya sea dentro del documento actual o a otros documentos.
<buscar>
→<search>
Representa una parte que contiene un conjunto de controles de formulario u otro contenido relacionado con la realización de una operación de búsqueda o filtrado.
Contenido de Texto
<p>
→<p>
Representa un párrafo de texto.
<div>
→<div>
Un contenedor genérico para contenido de flujo, que no otorga ningún significado específico al contenido.
<citabloque>
→<blockquote>
Indica que el texto contenido es una cita extendida.
<dd>
→<dd>
Proporciona la descripción, definición o valor para el término precedente en una lista de descripción.
<dl>
→<dl>
Representa una lista de descripción. Contiene términos y descripciones.
<dt>
→<dt>
Especifica un término en una lista de descripción.
<figura>
→<figure>
Representa contenido autocontenido, opcionalmente con una leyenda.
<piefigura>
→<figcaption>
Representa una leyenda o descripción para el contenido de su elemento figura padre.
<hr>
→<hr>
Representa un cambio temático entre elementos a nivel de párrafo.
<lo>
→<ol>
Representa una lista ordenada de elementos.
<ld>
→<ul>
Representa una lista no ordenada de elementos.
<el>
→<li>
Representa un elemento en una lista. Debe estar contenido en un elemento padre lo, ld o menú.
<menú>
→<menu>
Representa una lista no ordenada de elementos, semánticamente equivalente a ld.
<pre>
→<pre>
Representa texto preformateado que se debe presentar exactamente como está escrito.
Semántica de Texto en Línea
<c>
→<q>
Define una cita corta. Los navegadores normalmente insertan comillas alrededor de la cita automáticamente.
<marca>
→<mark>
[Auto] Marca: ver documentación HTML mark.
<abrv>
→<abbr>
[Auto] Abreviatura: ver documentación HTML abbr.
<cita>
→<cite>
[Auto] Cita: ver documentación HTML cite.
<código>
→<code>
[Auto] Código: ver documentación HTML code.
<datos>
→<data>
[Auto] Datos: ver documentación HTML data.
<én>
→<em>
[Auto] Énfasis: ver documentación HTML em.
<fuerte>
→<strong>
[Auto] Fuerte: ver documentación HTML strong.
<sub>
→<sub>
[Auto] Subíndice: ver documentación HTML sub.
<sup>
→<sup>
[Auto] Superíndice: ver documentación HTML sup.
<tiempo>
→<time>
[Auto] Tiempo: ver documentación HTML time.
<pequeño>
→<small>
[Auto] Pequeño: ver documentación HTML small.
Imagen y Multimedia
<audio>
→<audio>
Embebe contenido de sonido en documentos.
<area>
→<area>
Define un área dentro de un mapa de imagen que tiene áreas clicables predefinidas.
<img>
→<img>
Incorpora una imagen en el documento.
<mapa>
→<map>
Define un mapa de imagen (una área de enlace clicable).
<track>
→<track>
Se usa como hijo de los elementos de medios, audio y video. Permite especificar pistas de texto temporizadas.
<video>
→<video>
Embebe un reproductor de medios que soporta la reproducción de video en el documento.
<lienzo>
→<canvas>
[Auto] Lienzo: ver documentación HTML canvas.
Contenido Incrustado
<empotrar>
→<embed>
Embebe contenido externo en el punto especificado del documento.
<marcol>
→<iframe>
Representa un contexto de navegación anidado, embebiendo otra página HTML en la actual.
<objeto>
→<object>
Representa un recurso externo, que puede ser tratado como una imagen, un contexto de navegación anidado, o un recurso manejado por un plugin.
<fuente>
→<source>
Especifica múltiples recursos de medios para el elemento picture, el elemento audio o el elemento video.
<imagen>
→<picture>
Define una imagen o ilustración.
<parámetro>
→<param>
[Auto] Parámetro: ver documentación HTML param.
<ranura>
→<slot>
[Auto] Ranura: ver documentación HTML slot.
<rubí>
→<ruby>
[Auto] Rubí: ver documentación HTML ruby.
<tr>
→<rt>
[Auto] Ruby text: ver documentación HTML rt.
<pr>
→<rp>
[Auto] Ruby parenthesis: ver documentación HTML rp.
Contenido de Tabla
<tabla>
→<table>
Define una tabla para mostrar datos en filas y columnas.
<ft>
→<tr>
Representa una fila en una tabla.
<ct>
→<td>
Define una celda de datos en una tabla.
<et>
→<th>
Define una celda de encabezado en una tabla.
<subtítulo>
→<caption>
[Auto] Subtítulo: ver documentación HTML caption.
<columna>
→<col>
[Auto] Columna: ver documentación HTML col.
<grupocolumnas>
→<colgroup>
[Auto] Grupo de columnas: ver documentación HTML colgroup.
<cuerpot>
→<tbody>
[Auto] Cuerpo de tabla: ver documentación HTML tbody.
<piet>
→<tfoot>
[Auto] Pie de tabla: ver documentación HTML tfoot.
<encabezadot>
→<thead>
[Auto] Encabezado de tabla: ver documentación HTML thead.
Formularios
<formulario>
→<form>
Representa una sección de un documento que contiene controles interactivos para enviar información.
<entrada>
→<input>
Crea un control interactivo para ingresar datos en un formulario.
<botón>
→<button>
Representa un botón clickable, utilizado para enviar formularios o interactuar con la página.
<datalist>
→<datalist>
Contiene un conjunto de elementos opción que representan las opciones permitidas o recomendadas disponibles para elegir dentro de otros controles.
<campo>
→<fieldset>
Se usa para agrupar varios controles y etiquetas dentro de un formulario web.
<etiqueta>
→<label>
Representa una etiqueta para un elemento en una interfaz de usuario.
<leyenda>
→<legend>
Representa una leyenda para el contenido de su elemento campo padre.
<medidor>
→<meter>
Representa un valor escalar dentro de un rango conocido o un valor fraccional.
<grupoopc>
→<optgroup>
Crea un grupo de opciones dentro de un elemento seleccionar.
<opción>
→<option>
Se usa para definir un elemento contenido en un seleccionar, un grupoopc o un datalist.
<salida>
→<output>
Elemento contenedor en el que un sitio o aplicación puede inyectar los resultados de un cálculo o el resultado de una acción del usuario.
<progreso>
→<progress>
Muestra un indicador que muestra el progreso de una tarea, típicamente mostrado como una barra de progreso.
<seleccionar>
→<select>
Representa un control que proporciona un menú de opciones.
<áreatexto>
→<textarea>
Representa un control de edición de texto de varias líneas, útil cuando se desea permitir a los usuarios ingresar una cantidad considerable de texto libre.