Nuevas etiquetas de oganización 

martes, 2 de diciembre de 2014 - Publicado por ThZ KronZ en 13:03


<header>  </header> reagrupa los elementos del encabezado de página.

<nav> </ nav> indica los elementos de un menú de navegación.

<footer >  </ footer > señala los elementos del pie de página.

<aside> </aside>  indica que se trata de elementos anexos al contenido.


Click para ver el código usado:
<head>
<title>Html5</title>
<meta charset=" iso-8859-1">
</head>
<body>

<img src="Imagen.png">
<h1>Nombre del sitio Web</h1>
<form action="http://www.google.com/search">
<input type= " text" size=" 15" value= "">
<input type="submit" value="Buscar">


</form>
<div>
<a href="index.htm" >Inicio | </a>
<a href="item1.htm" >Item 1 | </a>
<a href="item2.htm" >Item 2 | </a>
<a href="item3.htm" >Item 3 | </a>
<a href="item4.htm" >Item 4 | </a>
<a href="contacto.htm" >Contacto</a>
</div>

<h2>Nombre de la pagina</h2>
<p>Lorem ipsum dolor sit amet , consectetuer a d ipiscing elit. Sed non risus. suspendisse lectus tortor , dignissim s i t amet , adipiscing nec , ultricies sed, dolor . eras elementum ultrices ipsum dolor sit amet , consectetuer adipiscing elit . Sed non risus. suspendisse lectus tortor , d ignissim sit amet , adipiscing nec , ultricies sed , dolor. eras elementum ultrices diam.</p>
<hr>

<p>Copyright 20lx</p>
</body>
Click para ver el resultado:
Html5

Nombre del sitio Web

Nombre de la pagina

Lorem ipsum dolor sit amet , consectetuer a d ipiscing elit. Sed non risus. suspendisse lectus tortor , dignissim s i t amet , adipiscing nec , ultricies sed, dolor . eras elementum ultrices ipsum dolor sit amet , consectetuer adipiscing elit . Sed non risus. suspendisse lectus tortor , d ignissim sit amet , adipiscing nec , ultricies sed , dolor. eras elementum ultrices diam.

Copyright 20lx