10 de mayo de 2014

Estructura y etiquetas de un documento HTML5

Lista de elementos de un documento HTML5. Les muestro las etiquetas de HTML5 en comparación a HTML básico.


<body>, Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.

<address>, Define una sección que contiene información de contacto.

<article>, Define contenido autónomo que podría existir independientemente del resto del contenido. Generalmente con <article> se crean los artículos de la página.

<aside>,  Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es removido, el contenido restante seguirá teniendo sentido, generalmente se utiliza para crear menúes laterales y widgets.

<audio>, Representa un sonido o stream de audio.

<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.



<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.

<command>, Representa un comando que un usuario o usuaria puede invocar. 

<data>,  Asocia un equivalente legible por máquina a sus contenidos. (Este elemento está solamente en la versión de la  WHATWG del estándar HTML, y no en la versión de la W3C de HTML5).

<datalist>, Representa un conjunto de opciones predefinidas para otros controles.

<details>, Representa un widget desde el que un usuario o usuaria puede obtener información o controles adicionales.

<embed>, Representa un punto de integración para una aplicación o contenido interactivo externo que por lo general no es HTML.

<figcaption>, Representa la leyenda de una figura.

<figure>, Representa una figura ilustrada como parte  del documento.

<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. 

<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.

<hgroup>, Reagrupa los encabezados, tales como h1, h2, h2,...h6.

<keygen>, Representa un control de par generador de llaves.

<meter>, Representa la medida escalar (o el valor fraccionario) dentro de un rango conocido.

<math>, Define una fórmula matemática. 

<mark>, Representa texto resaltado con propósitos de referencia, es decir por su relevancia en otro contexto.

<main>, Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en el documento.

<menu>, Representa una lista de comandos .

<nav>,  Define una sección que solamente contiene enlaces de navegación.

<output>, Representa el resultado de un cálculo.

<progress>,  Representa el progreso de finalización de una tarea.

<section>,  Define una sección en un documento.

<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.

<source>, Permite a autores o autoras especificar recursos multimedia alternativos para los elementos multimedia como  <video> o <audio>.

<summary>, Representa un resumen, título o leyenda para un elemento  <details> dado.

<svg>, Define una imagen vectorial embebida.

<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 estándar para las anotaciones.

<time>, Representa un valor de fecha hora; el equivalente legible por máquina puede ser representado en el atributo datetime. 

<track>,  Permite a autores o autoras especificar una pista de texto temporizado para elementos multimedia como <video> o <audio>.

<video>, Representa un  video , y sus archivos de audio y canciones asociadas, con la interfaz necesaria para reproducirlos. 

<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.


0 comentarios:

Publicar un comentario