peivem.com cerrará sus puertas
Esta entrada ha sido publicada en mi nuevo blog, en:
http://www.sebastianbarria.com/web/listado-de-etiquetas-y-sus-descripciones/
Por favor, visita mi nuevo sitio, porque este lo daré de baja muy pronto. Gracias!

Al momento de hacer una página web, siempre deberemos considerar una serie de etiquetas y, por supuesto, usarlas de la manera correcta, en el momento correcto. Para eso, acá les dejo un listado con todas las etiquetas que debemos usar y para que sirve cada una.

San google apreciará mucho que utilicemos correctamente cada una de estas etiquetas y probablemente nos servirá bastante a la hora de posicionarnos.

Como siempre lo he dicho: si vamos a poner un título, no hay que utilizar p class="titulo", sino que utilizar la etiqueta H1.

a: Origen o destino de un hiperenlace (puede ser link o ancla)
address: Información de contacto
area: Área para un mapa de imagen
b: Estilo de texto en negrita (bold)
big: Estilo de texto de tamaño grande
blockquote: Mención o cita extensa
body: Contenido del documento
br: Salto de línea
button: botón
caption: título de la tabla
cite: Referencia a la fuente de la cita
dd: Definición de la descripción asociada al término dt
dfn: Definición de un término
div: Contenedor genérico de bloque para especificar el lenguaje o el estilo
dl: Lista de definiciónes compuesta por dt y dd
dt: Término de definición
em: Para enfatrizar algún texto. Por defecto se muestra con cursiva (emphasis)
fieldset: Agrupación de elementos de un formulario por temática
form: formulario
frameset: División de la ventana en un conjunto de marcos
frame: Marco o sub-ventana
h1: Encabezado de primer nivel. El de mayor relevancia
h2: Encabezado de segundo nivel. Debe existir previamente un h1
h3: Encabezado de tercer nivel. Debe existir previamente un h2
h4: Encabezado de segundo nivel. Debe existir previamente un h3
h5: Encabezado de segundo nivel. Debe existir previamente un h4
h6: Encabezado de segundo nivel. Debe existir previamente un h5
head: Cabecera. Información sobre el documento
hr: Separador horizontal
html: Elemento raíz de un documento
i: Estilo de texto en cursiva (italic)
img: Imagen incrustada en el documento
input: Elemento de un formulario que se utiliza para recibir datos
label: Etiqueta asociada a un input
legend: Leyenda (titulo) del fieldset
li: Elemento que compone una lista ordenada o desordenada
map: Mapa de imagen (define zonas clickeables)
meta: Meta-información genérica
noframes: Contenedor alternativo para agentes que no soportan marcos
ol: Lista ordenada (con números o letras) compuesta por elementos li
option: Opción de un select que puede ser seleccionada
p: Párrafo
pre: Texto con formato predefinido (para mostrar código)
script: Sentencias escritas en lenguajes de script
select: Input en formato listado de opciones (combobox)
small: Estilo de texto de tamaño pequeño
span: Contenedor genérico en línea. Similar al DIV pero no se muestra como bloque
strong: Énfasis fuerte. Se usa para destacar un texto (generalmente en reemplazo de la etiqueta b
style: Información sobre el estilo del documento
sub: Subíndice
sup: Superíndice
table: Tabla
tbody: Cuerpo de la tabla, donde se encuentran los datos
td: Celda de datos
textarea: Campo de texto de varias líneas
tfoot: Pie de la tabla. Contiene filas de celdas
th: Celda que contiene información de cabecera
thead: Cabecera que contiene filas informativas
title: Título de la página
tr: Fila compuesta por celdas de datos o de cabecera
tt: Estilo de texto de teletipo o caracteres con separación uniforme
ul: Lista desordenada compuesta por elementos li