Ejemplo de estructura de un documento HTML5.

HTML5 cambia la estructura de elementos <div> tan necesarios para definir secciones en HTML. Para ellos define secciones semánticas sin definir valores específicos para los atributos class, introduciendo elementos <section>, el elemento de sección HTML.

Este ejemplo define secciones y líneas generales de un documento HTML5

La especificación HTML5 trae muchos nuevos elementos que ayudarán a la organización de los elementos de los desarrolladores web, permitiéndoles describir la estructura de un documento web con una semántica estandarizada.

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Ejemplo de documento HTML5</title>
</head>
<body>
<header>
<hgroup>
<h1>Secciones y líneas generales de un documento HTML5</h1>
<h2>Secciones</h2>
</hgroup>
</header>
 
<section>
<h1>HTML5 Ejemplo de Section</h1>
<section>
<h2>Sub titulo</h2>
<article> Articulo uno</article>
<article>Articulo dos</article>
<article>Articulo tres</article>
</section>
<section>
<h2>Configuración inicial</h2>
<p>texto descripción que describe una seccion
dentro de un párrafo...</p>
</section>
<aside>
<p>HTML5 complementarios ejemplo de "Aside"</p>
</aside>
</section>
<footer>
<p>(c) HTML5 footer, aviso legal etc.
</footer>

Así es como se vería el resultado sin CSS.

Ejemplo de documento HTML5