La mayoría de vosotros sabréis de sobra html5 pero aquí os dejo un aporte que hace poco estuve buscando yo. Es sencillo y si te interesa aprender html5 puedes aprovecharlo bien, si el significado de cada una no te queda claro puedes probarlo tú mismo.
ELEMENTO RAÍZ
<html>
Representa la raíz de un documento HTML o XHTML. Todos los demás elementos deben ser descendientes de este elemento.
METADATOS DEL DOCUMENTO
<head>
Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.
<title>
Define el título del documento, el cual se muestra en la barra de título del navegador o en las pestañas de página. Solamente puede contener texto y cualquier otra etiqueta contenida no será interpretada.
<base>
Define la URL base para las URLs relativas en la página.
<link>
Usada para enlazar JavaScript y CSS externos con el documento HTML actual.
<meta>
Define los metadatos que no pueden ser definidos usando otro elemento HTML.
<style>
Etiqueta de estilo usada para escribir CSS en línea.
SCRIPTING
<script>
Define ya sea un script interno o un enlace hacia un script externo. El lenguaje de programación es JavaScript
<noscript>
Define una contenido alternativo a mostrar cuando el navegador no soporta scripting.
SECCIONES
<body>
Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.
<section>
Define una sección en un documento.
<nav>
Define una sección que solamente contiene enlaces de navegación
<article>
Define contenido autónomo que podría existir independientemente del resto del contenido.
<aside>
Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es removido, el contenido restante seguirá teniendo sentido
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
Los elementos de cabecera implementan seis niveles de cabeceras de documentos; <h1> es la de mayor y <h6> es la de menor impotancia. Un elemento de cabecera describe brevemente el tema de la sección que introduce.
<header>
Define la cabecera de una página o sección. Usualmente contiene un logotipo, el título del sitio Web y una tabla de navegación de contenidos.
<footer>
Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de autoría, algunos enlaces a información legal o direcciones para dar información de retroalimentación.
<address>
Define una sección que contiene información de contacto.
<main>
Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en el documento.
AGRUPACIÓN DE CONTENIDO
<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
<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 o usuaria, por lo general desde un teclado, pero no necesariamente, este puede representar otras formas de entrada de usuario o usuaria, 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
<ins>
Define una adición en el documento.
<del>
Define una remoción del documento.
CONTENIDO INCRUSTADO
<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 o autoras especificar recursos multimedia alternativos para los elementos multimedia como <video> o <audio>.
<track>
Permite a autores o autoras 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
<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
<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 o usuaria 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 predefinidas 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
<details>
Representa un widget desde el que un usuario o usuaria 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 o usuaria puede invocar.
<menu>
Representa una lista de comandos .
ESTRUCTURA BÁSICA HTML
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Es posible que haya algún error o me falte alguna etiqueta si se me ha olvidado o pasado algo decírmelo por aquí y lo arreglaré.
Esta muy bueno, esto puede servir a gente que aun no puede saber las etiquetas que hay ;)
Gracias Reseat lo fijo
Muy muy bueno el post la verdad ... Habia etiquetas que conocia pero su significado o su uso como se pueda decir no lo sabia al 100%. RT
Sirve de gran ayuda, MUCHAS GRACIAS! :)
Muy bueno el aporte para todos los que quieran comenzar a aprender HTML5. :) En la pagina de Developer Mozilla tienen un apartado de HTML5 para los que quieran profundizar mas y deseen ver algunas referencias de las etiquetas ;) https://developer.mozilla.org/es/docs/Web/HTML
muy completo el post sin duda
gran aporte!
Muy buen tema y muy interesante, había etiquetas de las que desconocía su función;
gracias por compartirlo.
Saludos.