Hace unas semanas hablabamos de las diferencias entre HTML4 y HTML5, algo que poco a poco se irá integrando en la vida cotidiana, de forma completamente invisible para el usuario, pero todo lo contrario para los desarrolladores web que tendremos que migrar nuestro HTML para adaptarnos a las propiedades y mejoras que el nuevo HTML5 nos ofrece.
Así se verá el HTML de un blog cuando esté completamente en HTML5.
<html>
<head>
<title>Mokka mit Schlag </title>
</head>
<body>
<header>
<h1><a href="http://www.elharo.com/blog">Mokka mit Schlag</a></h1>
</header>
<section>
<article>
<h2><a href=
"/blog/birding/2007/04/23/spring-comes-and-goes-in-sussex-county/">
Spring Comes (and Goes) in Sussex County</a></h2>
<p>Yesterday I joined the Brooklyn Bird Club for our
annual trip to Western New Jersey, specifically Hyper
Humus, a relatively recently discovered hot spot. It
started out as a nice winter morning when we arrived at
the site at 7:30 A.M., progressed to Spring around 10:00
A.M., and reached early summer by 10:15. </p>
</article>
<article>
<h2><a href=
"/blog/birding/2007/04/23/but-does-it-count-for-your-life-list/">
But does it count for your life list?</a></h2>
<p>Seems you can now go <a
href="http://www.wired.com/science/discoveries/news/
2007/04/cone_sf">bird watching via the Internet</a>. I
haven't been able to test it out yet (20 user
limit apparently) but this is certainly cool.
Personally, I can't imagine it replacing
actually being out in the field by any small amount.
On the other hand, I've always found it quite
sad to meet senior birders who are no longer able to
hold binoculars steady or get to the park. I can
imagine this might be of some interest to them. At
least one elderly birder did a big year on TV, after
he could no longer get out so much. This certainly
tops that.</p>
</article>
<nav>
<a href="/blog/page/2/">« Previous Entries</a>
</nav>
</section>
<nav>
<ul>
<li><h2>Info</h2>
<ul>
<li><a href="/blog/comment-policy/">Comment Policy</a></li>
<li><a href="/blog/todo-list/">Todo List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='chrome://xinhahere/content/xinha_editor.html/blog/2007/04/'>April 2007</a></li>
<li><a href='chrome://xinhahere/content/xinha_editor.html/blog/2007/03/'>March 2007</a></li>
<li><a href='chrome://xinhahere/content/xinha_editor.html/blog/2007/02/'>February 2007</a></li>
<li><a href='chrome://xinhahere/content/xinha_editor.html/blog/2007/01/'>January 2007</a></li>
</ul>
</li>
</ul>
</nav>
<footer>
<p>Copyright 2007 Elliotte Rusty Harold</p>
</footer>
</body>
</html>
Hasta leyendo el código, podemos entender de que sección se está tratando en cada momento del código. La semántica dictará la nueva etapa de internet.
7 comentarios, 5 referencias
+
#