HTML 5 - Introducción

A estas alturas preguntarse cual es el futuro de la red no tiene sentido, pero lo que si se sabe es que HTML 5 esta llegando para quedarse con nosotros por un buen tiempo. Para mostrar esto no falta más que un botón, y en este caso google nos lo está demostrando con su Google Wave.

HTML 5 ve la luz a finales del año 2003 como una prueba de concepto bajo el Copyright de Opera. Luego de varios años y vueltas el consorcio W3C tomo interés en la especificación y desde el 2007 están trabajando en la especificación en conjunto.

Terminada la introducción y algo de historia, les mostraré lo interesante de HTML 5, en resumidas cuentas, su nueva sintaxis. Esto lo haré en varios posts, siendo este el primero. Y por ser el primero, nada mejor que comenzar con nuestro bien-aventurado “Hola Mun…”, no, mejor no. A continuación muestro lo que sería la estructura muy simplificada del cuerpo de un blog.

<html>
  <head>
    <title>Blog</title>
  </head>
  <body>
     <nav>
       <ul>
         <li><a href="#">Inicio</a></li>
         <li><a href="#">Archivos</a></li>
         <li><a href="#">Acerca</a></li>
         <li><a href="#">Contacto</a></li>
       </ul>
    </nav>
    <section>
      <article>
        <header>
          <h2><a href="#">Hola HTML 5</a></h2>
        </header>
        <section>
          <p>Texto del artículo...</p>
        </section>
      </article>
      <article>
        <header>
          <h2><a href="#">Segundo artículo</a></h2>
        </header>
        <section>
          <p>Texto del artículo...</p>
        </section>
      </article>
      <article>
        <header>
          <h2><a href="#">Tercer artículo</a></h2>
        </header>
        <section>
          <p>Texto del artículo...</p>
        </section>
      </article>
    </section>
    <footer>
      <p>Copyleft 2009</p>
    </footer>
  </body>
</html>

El resultado de este código se puede ver aquí.

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • BarraPunto
  • email
  • StumbleUpon
  • Technorati
  • DZone
  • LinkedIn
  • Linkter
  • Netvouz
  • YahooMyWeb
  • blogmarks
  • TwitThis

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">