Lista de Elementos HTML5

de un documento o aplicación. El área principal del contenido consiste en el contenido que está directamente relacionado, o se expande sobre el tema central de un documento o la funcionalidad central de una aplicación. Este contenido debe ser único al documento, excluyendo cualquier contenido que se repita a través de un conjunto de documentos como barras laterales, enlaces de navegación, información de derechos de autor, logos del sitio y formularios de búsqueda (a menos, claro, que la función principal del documento sea un formulario de búsqueda).” style=” margin: 0px; padding: 0px; border: 0px; color: rgb(56, 120, 148); text-decoration: none; ” >< 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, por lo general desde un teclado, pero no necesariamente, este puede representar otras formas de entrada de usuario, 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 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.
< 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 editar los datos.
< button>	Representa un botón.
< select>	Representa 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 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 puede invocar.
< menu>	Representa una lista de comandos.

Ver también