Saltar al contenido
Codif铆ca.me | Desarrollo web | Programaci贸n

Ejemplo de estructura de un documento web HTML5

25 marzo, 2016

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

Secciones y l铆neas generales de un documento HTML5

Secciones

HTML5 Ejemplo de Section

Sub titulo

Articulo uno
Articulo dos
Articulo tres

Configuraci贸n inicial

texto descripci贸n que describe una seccion
dentro de un p谩rrafo…

(c) HTML5 footer, aviso legal etc.