Referencia de Elementos HTML
Esta página lista todos los elementos HTML, que se crean usando etiquetas.
Están agrupados por funciones para ayudarte a encontrar lo que tienes en mente con facilidad. Una lista ordenada alfabéticamente de todos los elementos se encuentra en la barra lateral de la página de cada elemento, asà como en esta misma.
Nota: Para más información básica acerca de los elementos y atributos HTML, vea AnatomÃa de un elemento HTML.
RaÃz principal
| Elemento | Descripción |
|---|---|
<html> |
Representa la raiz de un documento HTML (el elemento del nivel superior), asà que se refiere a él como el elemento raÃz. Todos los otros elementos deben ser descendientes de este elemento. |
Metadatos del documento
Los metadatos contienen información sobre la página. Esto incluye información sobre estilos, scripts y datos que ayudan al software (motores de búsqueda, navegadores, etc.) a usar y generar la página. Los metadatos de estilos y scripts pueden estar definidos en la página o estar enlazados a otro fichero que contiene la información.
| Elemento | Descripción |
|---|---|
<base> |
Especifica la dirección URL base que se utilizará para todas las direcciones URL relativas contenidas dentro de un documento. Sólo puede haber un elemento como este en un documento. |
<head> |
Contiene información que puede ser leÃda por la máquina (metadatos) acerca del documento, como lo son, su tÃtulo, scripts, y hojas de estilo. |
<link> |
Especifica la relación entre el documento actual y un recurso externo. Este elemento es más frecuentemente usado para enlazar a CSS, pero también se usa para establecer iconos del sitio (ambos "favicon" e iconos para la pantalla de bienvenida y aplicaciones en dispositivos móbiles) entre otras cosas. |
<meta> |
Representa metadatos que no pueden representarse con otros elementos HTML relacionados a metadatos, como lo son <base>, <link>, <script>, <style> and <title>. |
<style> |
Contiene información del estilo de un documento o parte del documento. Contiene CSS, que es aplicado al contenido del documento que contiene este elemento. |
<title> |
Define el tÃtulo del documento que se muestra en la barra de tÃtulo de un navegador o la pestaña de una página. Solo contiene texto; las etiquetas dentro del elemento, si hay alguna, se tratan como texto normal. |
Seccionamiento raÃz
| Elemento | Descripción |
|---|---|
<body> |
Representa el contenido de un documento HTML. Solo puede haber un elemento como este en un documento. |
Seccionamiento del contenido
Los elementos de seccionamiento del contenido te permiten organizar los contenidos del documento en partes lógicas. Usa los elementos de seccionado para crear una descripción amplia de los contenidos de tu página, incluyendo la navegación del encabezado y pie de página, y elementos para identificar secciones del contenido.
| Elemento | Descripción |
|---|---|
<address> |
Indica que el HTML encerrado por este elemento, proporciona información de contacto para una persona o personas, o para una organización. |
<article> |
Representa una composición auto-contenida en un documento, una página, una aplicación o en un sitio, que se quiere que sea distribuible y/o reutilizable de manera independiente, por ejemplo, en la redifusión. Algunos ejemplos podrÃan ser un mensaje en un foro, un artÃculo de una revista o un periódico, una entrada de blog, el comentario de un usuario, un widget o gadget interactivo, o cualquier otro elemento de contenido independiente. |
<aside> |
Representa una porción de un documento cuyo contenido solo se relaciona indirectamente con el contenido principal. Estos elementos a menudo son representados como barras laterales o como recuadros destacados. |
<footer> |
Representa un pie de página para el contenido de sección más cercano o el elemento de seccionamiento raÃz. Un <footer> tÃpicamente contiene información acerca del autor de la sección, datos de derechos de autor o enlaces a documentos relacionados. |
<header> |
Representa contenido introductorio. TÃpicamente un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, asà como también un logo, un formulario de búsqueda, un nombre de autor y otros componentes. |
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
Representan seis niveles de encabezado del documento, <h1> es el más importante, y <h6>, el menos importante. |
<hgroup> |
Representa encabezados agrupados con cualquier contenido secundario, como encabezados secundarios, o un tÃtulo alternativo o un eslogan. |
<main> |
Representa el contenido dominante del <body> de un documento. El área principal del contenido consiste en el contenido que está directamente relacionado, o que amplÃa el tema central de un documento o la funcionalidad central de una aplicación. |
<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. Ejemplos comunes de secciones de navegación son menús, tablas de contenido e Ãndices. |
<section> |
Representa una sección autónoma de un documento, que no tiene un elemento más especÃfico que la represente. Las secciones siempre deben tener un encabezado, con muy pocas excepciones. |
<search> |
Representa una parte que contiene un conjunto de controles de formulario u otro contenido relacionado a realizar una búsqueda o una operación de filtrado. |
Contenido del texto
Utiliza los elementos HTML de contenido de texto para organizar bloques o secciones de contenido colocados entre las etiquetas de apertura<body> y cierre </body>. Es importante para la accesibilidad y el SEO, estos elementos identifican el proposito o la estructura de dicho contenido.
| Elemento | Descripción |
|---|---|
<blockquote> |
Indica que el texto encerrado es una cita. Usualmente es mostrado con indentación. Se puede agregar una URL para indicar la fuente de la cita, utilizando el atributo cite. Mientras que el texto de la fuente se puede mostrar usando el elemento <cite>. |
<dd> |
Provee la descripción, definición o valor del término precedente (<dt>) en una lista de descripciones (<dl>). |
<div> |
El contenedor genérico de flujo de contenido. No tiene efecto en el contenido o en el layout hasta que se le estiliza de alguna manera con CSS (p. ej., los estilos se le aplican directamente o algún modelo de layout como flexbox es aplicado al elemento padre de este). |
<dl> |
Representa una lista descriptiva. El elemento encierra una lista de grupos de términos (especificados usando el elemento <dt>) y de descripciones (proveÃdas por elementos <dd>). Algunos usos comunes para este elemento son implementar un glosario o para desplegar metadatos (lista de pares llave-valor). |
<dt> |
Especifica un término en una descripción o lista de definiciones, y como tal debe utilizarse dentro de un elemento <dl> Es usualmente seguido por un elemento <dd>; sin embargo, múltiples elementos <dt> en un renglón indican diferentes términos los cuales todos son definidos por el siguiente elemento <dd>. |
<figcaption> |
Representa un subtÃtulo o leyenda que describe el contenido del elemento padre <figure>. |
<figure> |
Representa contenido independiente, potencialmente con un subtÃtulo especificado con el elemento <figcaption>. El elemento figure, su subtÃtulo y sus contenidos son referenciados como una sola unidad. |
<hr> |
Representa un salto temático entre elementos de nivel párrafo: por ejemplo, un cambio de escena en una historia o un cambio de tema dentro de una sección. |
<li> |
Representa un elemento de una lista. Debe estar contenido en un elemento padre: una lista ordenada (<ol>), una lista desordenada (<ul>) o un menú (<menu>). En los menús y listas desordenadas, los elementos de la lista se muestran usualmente usando viñetas. En listas ordenadas, se muestran usualmente con un contador ascendente del lado izquierdo, como un número o una letra. |
<menu> |
Una alternativa semántica para <ul>, pero que no es tratado por los navegadores (o expuesto a través del árbol de accesibilidad) de diferente manera que un elemento <ul>. Representa una lista desordenada de elementos (los cuales son representados por elementos <li>). |
<ol> |
Representa una lista de elementos ordenados â tÃpicamente mostrada como una lista numerada. |
<p> |
Representa un párrafo. Párrafos son usualmente representados en medios visuales, como bloques de texto separados, de bloques adyacentes, por lÃneas en blanco y/o indentación en la primera lÃnea, pero, en HTML los párrafos pueden ser cualquier agrupación estructural de contenido relacionado, como lo son imágenes o campos de un formulario. |
<pre> |
Representa texto preformateado el cual se muestra tal como está escrito en el archivo HTML. El texto es tÃpicamente mostrado en una fuente no proporcional, o monoespaciado. Los espacios dentro de este elemento también son mostrados de la manera como están escritos. |
<ul> |
Representa una lista desordenada de elementos, tÃpicamente mostrada usando viñetas. |
Semántica del texto en lÃnea
Utilice la semántica del texto en lÃnea HTML para definir el significado, estructura, o el estilo de una palabra, una lÃnea o cualquier pieza arbitraria de texto.
| Elemento | Descripción |
|---|---|
<a> |
En conjunto con su atributo href, crea un enlace a páginas web, archivos, direcciones de correo electrónico, ubicaciones dentro de la página actual o cualquier otra cosa a la que una URL pueda dirigirse. |
<abbr> |
Representa una abreviación o acrónimo. |
<b> |
Utilizada para atraer la atención del lector a elementos del contenido, a los cuales no se les concede importancia especial de otra manera. Este fue conocido como el elemento negrita y muchos navegadores aun muestran el texto en negrita. Sin embargo, no debes usar el elemento <b> para estilizar texto o darle importancia. Si deseas crear texto en negrita, debes usar la propiedad font-weight de CSS. Si deseas indicar que el elemento es de una importancia especial, debes usar el elemento <strong>. |
<bdi> |
Le dice al algoritmo bidireccional del navegador que trate el texto que contiene de manera aislada del texto a su alrededor. Es particularmente útil cuando el sitio web inserta algo de texto y no conoce la direccionalidad del texto que se esta insertando. |
<bdo> |
Sobrescribe la direccionalidad presente, de tal manera que el texto contenido sea mostrado en una dirección diferente. |
<br> |
Produce un salto de lÃnea en el texto (retorno de carro). Es útil para escribir un poema o una dirección, donde la división de las lÃneas es significativa. El elemento HTML line break <br> produce un salto de lÃnea en el texto (retorno de carro). Es útil para escribir un poema o una dirección, donde la división de las lÃneas es significativa. |
<cite> |
Utilizado para marcar el tÃtulo de un trabajo creativo. La referencia puede ser una forma abreviada acorde a las convenciones apropiadas para el contexto, relacionadas a metadatos de citación. |
<code> |
Muestra el contenido estilisado en un modo con la intención de indicar que el texto es un fragmento corto de código de computadora. Por defecto, el texto contenido se muestra usando la fuente monoespaciada por defecto del agente de usuario. |
<data> |
Vincula un contenido dado con una traducción legible por una máquina. Si el contenido está relacionado con horas o fechas, debe usarse el elemento <time> |
<dfn> |
Utilizado para indicar que el término que esta siendo definido dentro del contexto de una frase u oración de definición. El elemento ancestro <p>, el par <dt>/<dd>, o el ancestro de sección más cercano al elemento <dfn> es conciderado la definición del término. |
<em> |
Marca el texto que tiene énfasis. El elemento <em> puede ser anidado, con cada nivel de anidamiento indicando un mayor grado de énfasis. |
<i> |
Representa un rango de texto que resalta del texto normal por alguna razón, como texto idiomático, términos técnicos, designaciones taxonómicas entre otros. Históricamente, estos se han presentado utilizando tipo cursiva, el cual es el origen del nombe <i> de este elemento. |
<kbd> |
Representa un espacio de texto en lÃnea que denota la entrada de texto por un usuario a través de un teclado, entrada de voz, o cualquier otro dispositvo de entrada de texto. Por convención, el agente de usario renderiza por defecto el contenido del elemento <kbd> utilizando su fuente por defecto monoespaciada, a pesar de que esto no es ordenado por el estándar HTML. |
<mark> |
Representa un texto el cual es marcado o resaltado con propósitos de referencia o anotación, debido a su relevancia o importancia en un contexto particular. |
<q> |
Indica que el texto encerrado es una cita corta en lÃnea. La mayorÃa de los navegadores modernos implementan esto rodeando el texto entre comillas. Este elemento está destinado a citas breves que no requieren saltos de párrafo; para citas de bloque independiente, utiliza el elemento <blockquote>. |
<rp> |
Se utiliza para proporcionar paréntesis alternativos para navegadores que no admiten la visualización de anotaciones Ruby mediante el elemento <ruby>. Un elemento <rp> debe incluir cada uno de los paréntesis de apertura y cierre que envuelven el elemento <rt> que contiene el texto de la anotación. |
<rt> |
Especifica el componente de texto ruby de una anotación ruby, que se utiliza para proporcionar información de pronunciación, traducción o transliteración para la tipografÃa de Asia oriental. El elemento <rt> siempre debe estar contenido dentro de un elemento <ruby>. |
<ruby> |
Representa pequeñas anotaciones que se muestran encima, debajo o al lado del texto base, generalmente utilizadas para mostrar la pronunciación de los caracteres de Asia oriental. También se puede usar para anotar otros tipos de texto, pero este uso es menos común. |
<s> |
Muestra texto tachado o con una lÃnea que lo atraviesa. Utilice el elemento <s> para representar cosas que ya no son relevantes o ya no son precisas. Sin embargo, <s> no es apropiado para indicar ediciones de documento; para eso, utilice los elementos <del> y <ins> como sea apropiado. |
<samp> |
Utilizado para incluir texto en lÃnea que representa una muestra (o cita) de la salida de un programa de ordenador. El contenido de esta etiqueta es renderizado generalmente usando la tipografÃa monoespaciada por defecto del navegador (como lo es Courier o Lucida Console). |
<small> |
Representa comentarios secundarios e impresiones pequeñas, como derechos de autor y texto legal, independiente a su presentación estilizada. Por defecto renderiza el texto contenido en éste, una talla más pequeña, tal como pequeño a extra pequeño. |
<span> |
Un contenedor generico en lÃnea para contenido de redacción, el cual no representa nada inherentemente. Puede ser usado para agrupar elementos con el propósito de estilizarlos (utilizando los atributos class o id), o por que comparten valores de atributos, como lo es lang. Debe ser usado solo cuando ningún otro elemento semántico es apropiado. <span> es en gran medida un elemento div, pero div es un elemento en bloque mientras que <span> es un elemento en lÃnea. |
<strong> |
Indica que su contendio tiene una gran importancia, seriedad o urgencia. Los navegadores tÃpicamente renderizan el contenido en negritas. |
<sub> |
Especifica texto en lÃnea que deberÃa mostrarse como subÃndice solamente por razones tipográficas. Los subÃndices son renderizados tÃpicamente con una lÃnea base reducida y utilizando texto más pequeño. |
<sup> |
Especifica texto en lÃnea que debe mostrarse como superÃndice solamente por razones tipográficas. Los superÃndices son renderizados tÃpicamente con una lÃnea base incrementada utilizando texto más pequeño. |
<time> |
Representa un periodo especÃfico en el tiempo. Puede incluir el atributo datetime para convertir las fechas en un formato interno legible por un ordenador, permitiendo mejores resultados en los motores de búsqueda o caracterÃsticas personalizadas como recordatorios. |
<u> |
Representa un espacio de texto en lÃnea que debe ser renderizado de manera que indique que tiene una anotación no textual. Este es renderizado por defecto con un subrayado continuo, pero, puede ser alterado usando CSS. |
<var> |
Representa el nombre de una variable en una expresión matemática o un contexto de programación. TÃpicamente es presentado utilizando una forma cursiva de la tipografÃa presente, aunque ese comportamiento depende del navegador. |
<wbr> |
Representa una posición dentro del texto donde el explorador puede opcionalmente saltar una lÃnea, aunque sus reglas de salto de lÃnea de otra manera no crearÃan un salto en esa posición. |
Imagen y multimedia
HTML soporta varios recursos multimedia como imágenes, audio, y video.
| Elemento | Descripción |
|---|---|
<area> |
Define un área dentro de un mapa de imagen que tiene áreas predefinidas donde se puede hacer clic. Un mapa de imagen, permite areas geométricas que se pueden asociar a un hipervÃnculo. |
<audio> |
Se usa para insertar contenido de audio en documentos. PUede contener una o más fuentes de audio, representadas utilizando el atributo src o el elemento source: el navegador elgirá el más conveniente. También puede ser el destino para medios de transmisión utilizando un MediaStream. |
<img> |
Inserta una imagen en el documento. |
<map> |
Utilizado en conjunto con elementos <area> para definir un mapa de imagen (un área enlace donde se puede hacer clic). |
<track> |
Se utiliza como elemento hijo de los elementos multimedia, audio y video. Le permite especificar pistas de texto cronometradas (o datos basados en el tiempo), por ejemplo, para manejar subtÃtulos automáticamente. Las pistas están formateadas en formato WebVTT (archivos .vtt)â Web Video Text Tracks (pistas de texto de video web). |
<video> |
Inserta un reproductor de video que soporta la reproducción de video dentro de un documento. También se puede usar <video> para contenido de audio, aunque el elemento de audio provee una experienca de usuario más apropiada. |
Contenido incrustado
Además de los contenidos multimedia habituales, HTML puede incluir otra variedad de contenidos, aunque no siempre es fácil de interactuar con ellos.
| Elemento | Descripción |
|---|---|
<embed> |
Inserta contenido externo en un punto especÃfico dentro del documento. Este contenido es proveÃdo por una aplicación externa u otra fuente de contenido interactivo como lo es un complemento de navegador. |
<iframe> |
Representa un contexto de navegación anidado, inserta otra página HTML en la página actual. |
<object> |
Representa un recurso externo, que puede ser tratado como una imagen, un contexto de navegación anidado, o como un recurso que debe ser manejado por un plugin. |
<picture> |
Contiene cero o más elementos <source> y un elemento <img> para ofrecer versiones alternativas de una imagen para diferentes escenarios de pantalla/dispositivo. |
<source> |
Especifica recursos de medios múltiples para los elementos picture, audio, o video. Es un elemento vacÃo, lo que significa que no tiene contenido y no tiene una etiqueta de cerrado. Normalmente se utiliza para servir el mismo contenido multimedia en varios formatos para proveer compatibilidad con un amplio rango de navegadores dado su diferente soporte para formatos de archivos de imágenes y formatos de archivos multimedia. |
SVG and MathML
Puede incrustar contenido SVG y MathML directamente en documentos HTML, usando los elementos <svg> y { {MathMLElement("math")}}.
| Elemento | Descripción |
|---|---|
<svg> |
Es un contenedor que define un nuevo sistema de coordenadas y viewport. Es usado como el elemento más externo de cualquier documento SVG, pero también puede ser usado para agregar un fragmento de un SVG dentro de un documento SVG o HTML. |
<math> |
Es el elemento superior en MathML. Cada instancia válida de MathML debe estar rodeada de etiquetas <math>. Además, no debes anidar un segundo elemento <math> dentro de un primero, pero puedes tener un número arbitrario de otros elementos hijos en él. |
Scripting
Con el fin de crear contenido dinámico y aplicaciones Web, HTML soporta el uso de lenguajes de scripting, el más prominente es JavaScript. Ciertos elementos soportan esta capacidad.
| Elemento | Descripción |
|---|---|
<canvas> |
Elemento contenedor que se usa ya sea con el API de scripting de canvas o con el API WebGL para dibujar gráficos y animaciones. |
<noscript> |
Define una sección de HTML que se insertará si un tipo script en la página no es soportado o si el navegador tiene la opción script inhabilitada. |
<script> |
Se utiliza para incrustar código ejecutable o datos; esto generalmente se usa para incrustar o hacer referencia a código JavaScript. El elemento <script> también se puede usar con otros lenguajes, como el lenguaje de programación de sombreadores GLSL de WebGL y JSON. |
Ediciones demarcadas
Estos elementos permiten proporcionar indicios de que determinadas partes del texto han sido alteradas.
| Elemento | Descripción |
|---|---|
<del> |
Representa un rango de texto que ha sido borrado del documento. Puede ser usado cuando se renderiza "control de cambios" o información de diferencias de código fuente, por ejemplo. El elemento <ins> puede ser usado para el propósito opuesto: para indicar que el texto ha sido agregado al documento. |
<ins> |
Representa un rango de texto que ha sido agregado al documento. Puede usar el elemento <del> similarmente para representar un rango de texto ue ha sido borrado del documento. |
Tablas
Estos elementos son usados para crear y manejar datos tabulados.
| Elemento | Descripción |
|---|---|
<caption> |
Especifica el subtitulo (o el titulo) de una tabla. |
<col> |
Define una o más columnas en un grupo de columnas representado por su elemento padre implÃcito o explÃcito <colgroup>. El elemento <col> es válido únicamente como hijo de un elemento <colgroup> que no tiene un atributo span definido. |
<colgroup> |
Define un grupo de columnas dentro de una tabla. |
<table> |
Representa datos tabulados, es decir, información presentada en una tabla de dos dimensiones; compuesta de filas y columnas de celdas que contienen datos. |
<tbody> |
Encapsula un conjunto de filas de una tabla (elementos <tr>), indicando que estos componen el cuerpo de los datos (principales) de una tabla. |
<td> |
Un elemento hijo del elemento <tr>, define una celda de una tabla que contiene datos. |
<tfoot> |
Encapsula un conjunto de filas de una tabla (elementos <tr>), indicando que estas componen el pie de una tabla con información acerca de las columnas de la tabla. Este es usualmente un resumen de las columnas, p. ej., la suma de los números en una columna. |
<th> |
Un elemento hijo del elemento <tr>, define una celda como encabezado de un grupo de celdas en una tabla. La naturaleza de este grupo puede ser definida explicitamente por los atributos scope y headers. |
<thead> |
Encapsula un conjunto de filas de una tabla (elementos <tr>), indicando que estas componen el encabezado de la tabla con información acerca de las columnas de la tabla. Esto es usualmente a través de encabezados (elementos <th>) |
<tr> |
Define una fila de celdas en una tabla. Las filas pueden ser establecidas utilizando una mezcla de elementos <td> (celdas de datos) y <th> (celdas de encabezados). |
Formularios
HTML provee un número de elementos que pueden usarse conjuntamente para crear formularios los cuales el usuario puede completar y enviar al sitio Web o a una aplicación. Hay una gran cantidad de información acerca de ésto disponible en la GuÃa de formularios HTML.
| Elemento | Descripción |
|---|---|
<button> |
Un elemento interactivo activado por el usuario con un ratón, teclado, dedo, comando de voz u otra tecnologÃa de asistencia. Una vez activado, desempeña una acción, como lo es enviar un forumario o abrir un diálogo. |
<datalist> |
Contiene un conjunto de elementos <option> que representan las opciones permitidas o recomendadas, que están disponibles para elegir dentro de otros controles. |
<fieldset> |
Se utiliza para agrupar controles, asà como también etiquetas(<label>) dentro de un formulario web. |
<form> |
El elemento HTML form (<form>) representa una sección de un documento que contiene controles interactivos que permiten a un usuario enviar información a un servidor web. |
<input> |
Se usa para crear controles interactivos para formularios basados en la web con el fin de recibir datos del usuario; una amplia variedad de tipos de datos de entrada y widgets de control, que dependen del dispositivo y el agente de usuario.El elemento <input> es uno de los más potentes y complejos en todo HTML debido a la gran cantidad de combinaciones de tipos y atributos de entrada. |
<label> |
Representa una etiqueta para un elemento en una interfaz de usuario. |
<legend> |
Representa un subtÃtulo o leyenda para el contenido de su elemento padre <fieldset> |
<meter> |
Representa un valor escalar dentro de un rango conocido o un valor fraccionario. |
<optgroup> |
Crea una agrupación de opciones dentro de un elemento <select>. |
<option> |
Se usa para representar un elemento dentro de un <select>, un <optgroup> o un elemento HTML5 <datalist>. Como tal, <option> puede representar elementos de un menú en menus emergentes y otras listas de elementos en un documento HTML. |
<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. |
<progress> |
Muestra un indicador que representa el progreso de finalización de una tarea, tÃpicamente representado como una barra de progreso. |
<select> |
Representa un control que muestra un menú de opciones. |
<selectedcontent> |
Muestra el contenido del elemento <option> actualmente selecionado dentro de un elemento <select>. |
<textarea> |
El elemento HTML <textarea> representa un control para la edición multilÃnea de texto sin formato. |
Elementos Interactivos
HTML ofrece una selección de elementos que pueden ayudar a crear objetos de interfaz de usuario interactivos.
| Elemento | Descripción |
|---|---|
<details> |
Es usado como un widget de revelación a través del cual la información es visible solo cuando el widget cambia a un estado "abierto". Un resumen o una etiqueta deben ser provistos utilizando el elemento <summary> |
<dialog> |
Representa una caja de diálogo u otro componente interactivo, como lo son una alerta descartable, un inspecor o una ventana auxiliar. |
<geolocation> |
Crea un control interactivo para que el usuario comparta su ubicación geográfica con la página. |
<summary> |
Especifica un resumen, un tÃtulo o una leyenda para el cuadro de información de un elemento de detalles. Al hacer clic en el elemento <summary>, el estado del elemento principal <details> se abre y se cierra. |
Componentes Web
Los Componentes Web son una tecnologÃa relacionada con HTML que hacen que sea posible, en esencia, crear y personalizar elementos como si fueran HTML normal. Además, pueden crear versiones personalizadas de los elementos HTML estándar.
| Elemento | Descripción |
|---|---|
<slot> |
Este es parte de la suite tecnológica Web Components, es un placeholder en un componente que tu puedes llenar con tu propio marcado, que te permite crear árboles DOM por separado y presentarlos juntos. |
<template> |
Es un mecanismo para mantener HTML que no debe presentarse inmediatamente cuando la página es cargada, pero que puede inicializarse subsequentemente durante tiempo de ejecución usando JavaScript. |
Elementos obsoletos y en desuso
Advertencia: Estos son elementos HTML viejos los cuales están obsoletos y no deben usarse. Nunca deberÃa usarlos en un nuevo proyecto y deberÃa reemplazarlos en proyectos viejos tan pronto como sea posible. Se listan aquà solo con propósitos informativos.
| Elemento | Descripción |
|---|---|
<acronym> |
Permite a los autores indicar claramente una secuencia de caracteres que componen un acrónimo o abreviatura de una palabra. |
<big> |
Reproduce el texto encerrado en un nivel de tamaño de fuente mayor al texto que lo rodea (medio se vuelve grande, por ejemplo). El tamaño esta topado al tamaño máximo permitido por el navegador. |
<center> |
Muestra su contenido a nivel de bloque o en lÃnea, centrado horizontalmente dentro del elemento que lo contiene. |
<content> |
Una parte obsoleta de la suite de tecnologÃas Web Components fue usado dentro de Shadow DOM como un punto de insecrión, y no tenÃa la intención de ser usado en HTML ordinario. Ha sido remplazado por el elemento <slot>, el cual crea un punto en el DOM en el cual un shadow DOM puede ser insertado. Consdere usar <slot> en su lugar. |
<dir> |
Un contenedor para directorios de archivos y/o carpetas, potencialmente con estilos e iconos aplicados por el agente de usuario. No utilice este elemento obsoleto; en su lugar, deberÃa usar el elemento <ul> para listas, incluyendo listas de archivos. |
<fencedframe> |
Representa un contexto de navegación anidado, como <iframe> pero con más caracterÃsticas nativas incorporadas. |
<font> |
Define el tamaño de fuente, color y tipo de letra para su contenido. |
<frame> |
Define un área particular en la cual otro documento HTML puede ser mostrado. Un frame debe ser usado dentro de un <frameset>. |
<frameset> |
Utilizado para contener elementos <frame>. |
<image> |
Un antiguo y pobremente soportado precursor al elemento <img>. No debe ser usado. |
<marquee> |
Utilizado para insertar un área de texto que puede desplazarse. Puede controlar que es lo que sucede cuando el texto alcanza las orillas de su área de contenido utilizando sus propiedades. |
<menuitem> |
Representa un comando que un usuario puede invocar a través de un menú emergente. Esto incluye menús contextuales, asà como menús que pueden adjuntarse a un botón de menú. |
<nobr> |
Previene que una lÃnea de texto se divida en múltiples lÃneas automáticamente, resultando potencialmente en que el usuario tenga que desplazarse horizontalmente para ver todo el ancho del texto. |
<noembed> |
Una alternativa de contenido obsoleta y no estándar para navegadores que no soportan el elemento incrustado o que no soportan el tipo de contenido incrustado que el autor desea utilizar. Este elemento fue descontinuado en HTML 4.01 y mayor en favor de poner el contenido alternativo en etiquetas de abrir y cerrar del elemento <object>. |
<noframes> |
Provee contenido para ser presentado en navegadores que no soportan(o tienen deshabilitado el soporte para) el elemento <frame>. Aunque los navegadores más ampliamente conocidos soportan frames, hay algunas excepciones, incluyendo ciertos navegadores de uso especial, algunos navegadores mobiles y navegadores modo texto. |
<param> |
Define parametros para un elemento <object>. |
<plaintext> |
Muestra todo lo que sigue a la etiqueta de inicio como texto sin formato, ignorando cualquier código HTML siguiente. No hay una etiqueta de cierre, ya que todo lo que sigue se considera texto sin formato. |
<rb> |
Se utiliza para delimitar el componente de texto base de una anotación Ruby, es decir, el texto que se está anotando. Un elemento <rb> debe envolver cada segmento atómico separado del texto base. |
<rtc> |
Adopta anotaciones semánticas de caracteres presentados en un rubà de elementos <rb> utilizados dentro del elemento <ruby>. Los elementos <rb> pueden tener anotaciones de pronunciación (<rt>) y semánticas (<rtc>). |
<shadow> |
Una parte obsoleta de la suite de tecnologÃa de Componentes Web que estaba pensada para ser utilizada como un punto de inserción en el shadow DOM. Es posible que lo haya utilizado si ha creado varias raÃces ocultas en un host oculto. Considere usar <slot> |
<strike> |
Coloca un tachado (lÃnea horizontal) sobre el texto. |
<tt> |
Crea texto en lÃnea, el cual es presentado usando la fuente monoespacio por defecto del agente de usuario. Este elemento fue creado con el propósito de mostrar texto como se mostrarÃa en una pantalla de ancho fijo, como lo son teletipos, pantallas de solo texto, o impresoras de lÃneas. |
<xmp> |
Muestra el texto entre las etiquetas de inicio y finalización sin interpretar el HTML intermedio y utilizando una fuente monoespaciada. La especificación HTML2 recomendaba que se representara lo suficientemente ancho como para permitir 80 caracteres por lÃnea. |
Véase también
- la interfaz
Element