jueves, 23 de febrero de 2012

Introducción a HTML 5 - parte 1

Hola a todos, volviendo a escribir después de mucho tiempo, pues bien estos dias estuve viendo algo de HTML5 junto con WebMatrix y me gustaría compartir con ustedes la parte de HTML5, pienso presentar mas adelante tutoriales sobre WebMatrix.

Pues bien, como todos sabrán HTML5 salió con todo el año pasado y acompañado de CSS3 y Javascript es posible crear sitios web con una gran calidad en cuanto a diseño. Tal es su éxito que el mismo Microsoft esta adoptando esta tecnolgía para su próxima generación de aplicaciones, muchos de los juegos famosos como AngryBirds, Cut the Rope han sacado su versión en HTML5 y eso nos muestra el poder gráfico con el que cuenta esta naciente tecnología.

Actualmente

Definición del Doctype

Ahora vamos a lo que nos interesa, la forma de definir un documento HTML5 no es algo del otro mundo, pero uno de los primeros cambios que se tienen es la forma de definir el Doctype, ahora es un poco más simple y más fácil de memorizar:


<!DOCTYPE HTML>
<!-- Define doctype para html5, para que sea reconocido por los browsers -->
<html>
 <head>
  <!-- Información de cabecera del documento -->
 </head>
 <body>
  <!-- Cuerpo del documento -->
 </body>
</html>

Como se ve en el ejemplo, esa es la forma para definir un documento con contenido HTML5.

Nuevas etiquetas en HTML5

Primeramente todas las etiquetas que usamos en HTML4 que es el que la mayoria conoce se mantienen, pero ahora HTML5 incluye nuevas etiquetas las cuales tienen un significado estructural y significado gráfico, es decir que algunas de las nuevas etiquetas no se pueden ver visualmente pero como diseñadores nos ayudan a delimitar partes que comunmente tiene un sitio tales como headers, footers, articles, nav, etc. y también etiquetas que pueden ser observadas visualmente como la etiqueta audio, con el transcurso del tiempo les mostraré cada una de estas.