Preámbulo y elemento raíz | ||
Etiqueta | Descripción | Atributos principales |
!DOCTYPE | tipo de documento (versión de html empleada) | |
html | engloba todo el documento | lang |
<!-- ... --> | comentario (sólo visible en el código fuente) | |
Metadatos | ||
Etiqueta | Descripción | Atributos principales |
head | delimita el encabezado del documento | |
title | título del documento (se muestra en la pestaña del navegador) | |
base | URI base para direcciones relativas | href, target |
link | enlace a otros archivos (hoja de estilo, etc.) | href, rel, media, type, title |
meta | metainformación sobre el documento | name, content, charset |
style | hoja de estilo incluida en el documento | type, title |
Secciones | ||
Etiqueta | Descripción | Atributos principales |
body | delimita el cuerpo del documento | |
article | artículo | |
section | sección | |
nav | navegación | |
aside | lateral | |
h1 a h6 | encabezado (de nivel 1 a 6) | |
hgroup | grupo de encabezados | |
header | cabecera | |
footer | pie | |
address | dirección (información sobre el autor) | |
Bloques de contenido | ||
Etiqueta | Descripción | Atributos principales |
p | párrafo | |
hr | separador | |
div | división | |
blockquote | cita larga (que incluye varios párrafos) | cite |
pre | texto preformateado | |
main | principal | |
figure | ilustración | |
figcaption | pie de ilustración | |
Texto (en línea) | ||
Etiqueta | Descripción | Atributos principales |
br | salto de línea | |
wbr | posible salto de línea | |
a | hiperenlace | href, target, download, rel, type |
span | contenedor de texto genérico | |
strong | importante | |
em | énfasis | |
sub | subíndice | |
sup | superíndice | |
abbr | abreviatura | title |
b | atención | |
cite | obra | |
data | datos | value |
dfn | definición | title |
kbd | teclado | |
i | tecnicismo | |
mark | resaltado añadido posteriormente, no en el original | |
q | cita | cite |
s | incorrecto | |
small | comentario | |
time | fecha y hora | datetime |
u | sonido inarticulado | |
code | código (de programa de ordenador) | |
samp | salida (de programa de ordenador) | |
var | variable (de programa de ordenador) | |
bdo | dirección de escritura | dir |
bdi | ignorar dirección de escritura | dir |
Modificaciones | ||
Etiqueta | Descripción | Atributos principales |
ins | texto insertado | cite, datetime |
del | texto borrado | cite, datetime |
Contenido incrustado | ||
Etiqueta | Descripción | Atributos principales |
picture | imagen múltiple para diferentes resoluciones o densidades | |
img | imagen | alt, src, usemap, ismap, width, height |
iframe | marco incrustado en el documento | src, srcdoc, name, sandbox, width, height |
embed | src, type, width, height | |
object | objeto | data, type, width, height |
param | parámetro para <objeto> | name, value |
video | src, poster, preload, autoplay, loop, muted, controls, width, height | |
audio | src, preload, autoplay, loop, muted, controls | |
source | origen de <img>, <audio> o <video> | src, type |
track | kind, src, srclang, label, default | |
map | mapa de imagen | name |
area | área en mapa de imagen | alt, coords, href, hreflang, rel, shape, target, type |
Listas (bloque de contenido) | ||
Etiqueta | Descripción | Atributos principales |
ol | lista ordenada | reversed, start, type |
ul | lista no ordenada | |
menu | equivale a ul | |
li | elemento de lista (ordenada o no ordenada) | value |
dl | lista de definición | |
dt | término en lista de definición | |
dd | definición en lista de definición | |
Tablas | ||
Etiqueta | Descripción | Atributos principales |
table | tabla | border |
caption | leyenda de tabla | |
colgroup | grupo de columnas | span |
tbody | cuerpo de tabla (grupo de filas) | |
thead | cabecera de tabla (grupo de filas) | |
tfoot | pie de tabla (grupo de filas) | |
tr | fila | |
td | celda | colspan, rowspan, headers |
th | celda de cabecera | colspan, rowspan, headers, scope, abbr |
col | columna | span |
Formularios | ||
Etiqueta | Descripción | Atributos principales |
form | formulario | accept-charset, action, autocomplete, enctype, method, target |
label | etiqueta de un control | form, for |
input | control (hay varios tipos) | type (submit, reset, button, text, password, number, search, tel, url, email, date, time, color, range, file, image, hidden, etc.), name, value, checked, selected, width, height, size, maxlength, ... |
button | botón | name, type (submit, reset, button), value, form |
select | caja de lista | name, multiple, size, ... |
datalist | ||
optgroup | grupo de opciones en una caja de lista | label |
option | opción de caja de lista | label, selected, value |
textarea | área de texto | name, cols, rows, ... |
output | cálculo | name, for |
progress | barra de progreso | value, max |
meter | indicador | value, min, max, low, high, optimum |
fieldset | grupo de controles | name, disabled |
legend | leyenda de grupo de controles | |
Elementos interactivos | ||
Etiqueta | Descripción | Atributos principales |
details | desplegable | open, name |
summary | leyenda para <details> | |
dialog | cuadro de diálogo de una aplicación | |
Scripts | ||
Etiqueta | Descripción | Atributos principales |
script | script | src, type, charset, async, defer |
noscript | contenido a mostrar en navegadores que no admiten <script> | |
template | plantillas utilizables por scripts | |
slot | marcador para componente | |
canvas | zona de dibujo utilizable por script | width, height |
Notación Ruby (texto en línea) | ||
Etiqueta | Descripción | Atributos principales |
ruby | notación ruby | |
rt | elemento de notación ruby (texto) | |
rp | elemento de notación ruby (paréntesis) |