Elementos HTML ordenados por función

A continuación tenemos una lista de los elementos HTML ordenados en base a su función. Esto nos ayudará a saber que elemento utilizar en cada caso para poder facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas.

 

Lista de elementos HTML ordenados en base a su función:

Básico:

Etiqueta Descripción
<!--...--> Define un comentario. Cualquier información que se ponga dentro de las etiquetas <!-- y --> dentro del cuerpo de la página, será ignorados por el navegador.
<!DOCTYPE> Define el tipo de documento
<html> Define la raiz de un documento HTML
<title> Define el título de un documento
<body> Este elemento es utilizado para definir el cuerpo del documento.
<h1> -<h6> Define encabezados en HTML
<p> Especifica un párrafo
<br> Define un salto de línea.
<hr> Define un cambio temático en el contenido

 

Secciones/Estilo

Etiqueta Descripción
<style> Este elemento define el estilo del documento
<div> Define una sección en un documento.
<span> Agrupa varios elementos en línea seguidos dentro de un mismo bloque, para después darles formato con la hoja de estilo.
<header>* Define un encabezado para un documento o sección
<footer>* Define un footer para un documento o sección.
<section>* Define una sección en un documento
<article>* Define una composición independiente dentro de un documento, página, aplicación o web, que puede ser distribuida independientemente o reutilizada.
<aside>* Define contenido secundario al contenido de la página.
<details>* Define detalles adicionales que el usuario puede ver o esconder.
<dialog>* Define una caja de diálogo o ventana.
<summary>* Define un encabezado para el elemento <details>

 

Información Meta

Etiqueta Descripción
<head> Define información sobre el documento
<meta> Define metadata de un documento HTML
<base> Define cuál es la URL absoluta para todos aquellos enlaces que sean relativos en la página
<basefont> Especifica un color, tamaño y fuente por defecto, para todo el texto del documento. No soportado en HTML5. Declarado en desuso en HTML 4.01

 

Formato

Etiqueta Descripción
<acronym> Permite a los autores indicar claramente una sequencia de caracteres que componen un acrónimo o abreviación de una palabra. No soportado en HTML5.
<abbr> Define una abreviación
<address> Define información de contacto del propietario del documento
<b> Este elemento indica que el texto englobado tiene que ser mostrado en negrita.
<bdi>* Aisla una parte del texto que puede tener un formato diferente del texto principal.
<bdo> Este elemento es utilizado para sobreescribir la dirección del texto.
<big> Este elemento define texto grande. No soportado en HTML5.
<blockquote> Este elemento se utiliza para designar una cita de texto larga. Normalmente, se puede reconocer porque está identado.
<center> Este elemento hace que el texto englobado esté centrado dentro de los márgenes. No soportado en HTML5. Declarado en desuso en HTML 4.01.
<cite> Especifica una cita o referecia a otro lugar
<code> Indica que el texto englobado es código de programación.
<del> Define texto que ha sido eliminado de un documento.
<dfn> Define un término de una definición.
<em> Define énfasis en un texto.
<font> Define fuente, color y tamaño para un texto. No soportado en HTML5.
<i> Este elemento se usa para representar un texto con un estilo de fuente en itálica
<ins> Define el texto que ha sido insertado dentro del documento
<kbd> Este elemento se utiliza para avisar al usuario que tiene que introducir datos por teclado
<mark>* Define un texto resaltado en el documento
<meter>* Define una medida escalar dentro de un rango determinado
<pre> Define un texto con formato previo
<progress>* Representa el progreso de una tarea
<q> Define una cita de texto corta(en una línea)
<rp>* Define que mostrar en los navegadores que no soportan anotaciones ruby
<rt>* Este elemento define la pronunciación de caracteres (para tipografía del este asiático)
<ruby>* Define una anotación ruby (para tipografía del este asiático)
<s> Esta etiqueta define texto con un estilo de fuente tachado
<samp> Muestra un mensaje de un programa o script
<small> Se utiliza para presentar un texto con un estilo de fuente pequeña
<strike> Este elemento se utiliza para representar un texto con un estilo de fuente tachado. No soportado en HTML5. Declarado en desuso en HTML 4.01.
<strong> Se utiliza para representar texto importante
<sub> Representa un subíndice
<time>* Define la fecha y hora
<tt> Define texto con un estilo de fuente en teletipo. No soportado en HTML5.
<u> Define texto con un estilo de fuente subrayado.
<ul> Define una lista no ordenada
<var> Define una variable
<wbr>* Define donde un texto se puede romper para cambios de línea

 

Formularios

Etiqueta Descripción
<form> Define un formulario HTML para datos del usuario.
<input> Este elemento se utiliza para ingresar datos por parte del usuario
<textarea> Este elemento especifica una área para escribir texto
<button> Se utiliza para crear botones de un formulario
<select> Muestra varias opciones al usuario y permite que elija entre ellas una o más en una lista desplegable
<optgroup> Especifica un grupo de opciones en una lista desplegable.
<option> Este elemento define una opción en una lista desplegable.
<label> Define una etiqueta para un elemento <input>
<fieldset> Agrupa elementos relacionados en un formulario.
<legend> Este elemento define un título para un elemento <fieldset>, <figure> o <details>
<datalist>* Especifica una lista de opciones predefinidas para una caja de texto input
<keygen>* Define un campo generador de claves en formularios
<output>* Especifica el resultado de un cálculo

 

Tablas

Etiqueta Descripción
<table> Define una tabla
<caption> Defines el título de una tabla
<th> Representa la celda del encabezado de una tabla
<tr> Define una fila dentro de una tabla
<td> Define una celda de una tabla
<thead> Agrupa el contenido del encabezado de una tabla
<tbody> Agrupa el contenido del body de una tabla
<tfoot> Agrupa el contenido del footer de una tabla
<col> Define una columna dentro de una tabla y se utiliza para agrupar y alinear.
<colgroup> Especifica un grupo de una o más columnas de una tabla para darles formato.

 

Listas

Etiqueta Descripción
<u> Define texto con un estilo de fuente subrayado.
<ol> Este elemento especifica una lista ordenada
<li> Define un item de una lista
<dir> Define una lista directorio. No soportado en HTML5. Declarado en desuso en HTML 4.01.
<dl> Define una lista de definición.
<dt> Define un término (un item) dentro de una lista de definición.
<dd> Define una descripción de un término en una lista descriptiva
<menu> Define un menu
<command>* Define un botón comando al que el usuario puede llamar.

 

Links

Etiqueta Descripción
<a> Principalmente utilizado como hipervínculo.
<link> Este elemento define la relación entre el documento y un recurso externo (normalmente utilizado con hojas de estilo)
<nav>* Define links de navegación

 

Images

Etiqueta Descripción
<img> Define una imagen
<map> Define un mapa de imagen en el lado del cliente
<area> Esta etiqueta define un área dentro de un mapa de imagen
<canvas>* Utilizada para dibujar gráficos, mediante scripts. (normalmente JavaScript)
<figcaption>* Define un título para un elemento <figure>
<figure>* Especifica contenido independiente.

 

Audio/Video

Etiqueta Descripción
<audio>* Se utiliza para representar contenido de audio en los documentos. Añadido en HTML5, puede contener diferentes fuentes de audio, representadas utilizando el atributo "src" o el elemento <source>.
<source>* Define las fuentes para los elementos multimedia como video y audio.
<track>* Define determinadas características para las pistas de texto de elementos multimedia como; vídeos o audios.
<video>* Define un video o película

 

Frames

Etiqueta Descripción
<frame> Define una ventana dentro de un frameset. No soportado en HTML5.
<frameset> Define un conjunto de "frames". No soportado en HTML5.
<noframes> Especifica el contenido alternativo para los navegadores que no soportan frames. No soportado por HTML5.
<iframe> Define un documento HTML dentro de otro documento HTML

 

Programación

Etiqueta Descripción
<script> Define un script dentro del documento
<noscript> Especifica un contenido alternativo para navegadores que no soportan scripts.
<applet> Esta etiqueta define un applet embebido dentro del documento. No soportado en HTML5. Declarado en desuso en HTML 4.01.
<embed>* Se utiliza para declarar un contenedor para una aplicación externa (no- HTML)
<object> Define un objeto embebido
<param> Este elemento especifica un parámetro para un objeto

 

* Etiqueta añadida en HTML5.

 

 


<<HTML. Elementos ordenados por orden alfabético HTML5. Introducción>>