Estructura Semántica

Estructura Semántica






Header

El elemento de HTML Header (<header>) representa un grupo de ayudas introductorias o de navegación. Puede contener algunos elementos de encabezado, pero también otros elementos como un logo, una sección que aglutine secciones de encabezados, una formulario de búsqueda o cosas parecidas.

Footer

El elemento HTML<footer> representa un pie de página para el contenido de sección más cercano o el elemento raíz de sección . Un pie de página generalmente contiene información sobre el autor de la sección, datos de derechos de autor o enlaces a documentos relacionados.

Nav

Crea un menú de navegación.

Section

El elemento HTML<section> representa una sección independiente, que no tiene un elemento semántico más específico para representarlo, contenido dentro de un documento HTML. Típicamente, pero no siempre, las secciones tienen un encabezado.

Article

El Elemento article de HTML (<article>) representa una composición auto-contenida en un documento, página, una aplicación o en el sitio, que se destina a distribuir de forma independiente o reutilizable, por ejemplo, en la sindicación. Podría ser un mensaje en un foro, un artículo de una revista o un periódico, una entrada de blog, un comentario de un usuario, un widget interactivo o gadget, o cualquier otro elemento independiente del contenido.

Aside

El Elemento HTML Aside (<aside>) representa una sección de una página que consiste en contenido que está tangencialmente relacionado con el contenido que le rodea, que podría ser considerado independiente de ese contenido. Estas secciones son a menudo representadas como barras laterales o como inserciones y contienen una explicación al margen como una definición de glosario, elementos relacionados indirectamente, como publicidad, la biografía del autor, o en aplicaciones web, la información de perfil o enlaces a blogs relacionados.

ELEMENTOS 

La siguiente es una lista completa de todos los elementos en bloque de HTML (aunque "en bloque" no se define técnicamente para los elementos que son nuevos en HTML5).

<address>

Información de contacto.

<article> HTML5

Contenido de Articulo.

<aside> HTML5

Contenido adicional.

<audio> HTML5

Reproductor de audio

<blockquote>

Bloque de "cita".

<canvas> HTML5

Dibujo canvas.

<dd>

Descripción de definición.

<div>

División de documento.

<dl>

Lista de definición.

<fieldset>

Etiqueta de conjunto de campos.

<figcaption> HTML5

     Leyenda de figura.

<figure> HTML5

Grupos contenido multimedia con una leyenda (ver <figcaption>).

<footer> HTML5

Sección o pie de página.

<form>

Formulario de entrada.

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

Niveles de cabecera 1-6.

<header> HTML5

Sección o cabecera de página.

<hgroup> HTML5

Grupos información de encabezado.

<hr>

Regla Horizontal (línea divisoria).

<li>

Elemento de lista.

<main>

Engloba el único contenido central del documento.

<nav>

Contiene enlaces de navegación.

<noscript>

Contenido para ser usado si los scripts no son soportados o permitidos.

<ol>

Lista ordenada.

<output> HTML5

Formulario de salida.

<p>

Párrafo.

<pre>

Texto preformateado.

<section> HTML5

Sección de una página web.

<table>

Tabla.

<tfoot>

Pie de tabla.

<ul>

Lista no ordenada.

<video> HTML5

Reproductor de vídeo.