{"id":12510,"date":"2013-06-01T08:30:44","date_gmt":"2013-06-01T14:30:44","guid":{"rendered":"http:\/\/www.eloriente.net\/home\/?p=12510"},"modified":"2013-06-01T08:53:16","modified_gmt":"2013-06-01T14:53:16","slug":"entendiendo-html5-guia-para-principiantes","status":"publish","type":"post","link":"http:\/\/www.eloriente.net\/home\/2013\/06\/01\/entendiendo-html5-guia-para-principiantes\/","title":{"rendered":"Entendiendo HTML5: gu\u00eda para principiantes"},"content":{"rendered":"

Por: B\u00e1rbara Pav\u00e1n*<\/a><\/p>\n

Durante los \u00faltimos a\u00f1os, el est\u00e1ndar HTML5<\/strong><\/a> se ha estado afianzando en muchas p\u00e1ginas web. Sin embargo, \u00bfqu\u00e9 queremos decir con esto? \u00bfCu\u00e1l es la diferencia crucial entre el HTML \u201ccom\u00fan\u201d, por as\u00ed decirlo, y este nuevo est\u00e1ndar? Hoy hablaremos sobre esto y responderemos a la pregunta de qu\u00e9 es HTML5. Cabe considerar que la informaci\u00f3n estar\u00e1 orientada a personas que no tienen experiencia previa<\/strong> y quieren aprender. Es posible que muchos tengan ya una idea avanzada de esto, y quiz\u00e1s sea demasiado b\u00e1sico<\/strong>. En fin, podemos comenzar.<\/p>\n

\"\"<\/a><\/p>\n

Qu\u00e9 es HTML5<\/h3>\n

HTML5 es un lenguaje markup<\/strong> (de hecho, las siglas de HTML significan Hyper Text Markup Language) usado para estructurar y presentar el contenido para la web<\/strong>. Es uno de los aspectos fundamentales para el funcionamiento de los sitios, pero no es el primero. Es de hecho la quinta revisi\u00f3n del est\u00e1ndar que fue creado en 1990. A fines del a\u00f1o pasado, la W3C la recomend\u00f3 para transformarse en el est\u00e1ndar a ser usado en el desarrollo de proyectos venideros. Por as\u00ed decirlo, qu\u00e9 es HTML5 est\u00e1 relacionado tambi\u00e9n con la entrada en decadencia del viejo est\u00e1ndar HTML 4, que se combinaba con otros lenguajes para producir los sitios que podemos ver hoy en d\u00eda. Con HTML5, tenemos otras posibilidades para explotar usando menos recursos<\/strong>. Con HTML5, tambi\u00e9n entra en desuso el formato XHTML, dado que ya no ser\u00eda necesaria su implementaci\u00f3n.<\/p>\n

HTML4 fue \u201cdeclarado\u201d el lenguaje oficial de la web en el a\u00f1o 2000, y tom\u00f3 una d\u00e9cada para comenzar a implementar el desarrollo de su nueva revisi\u00f3n. Esta nueva generaci\u00f3n de HTML, se dice, pronto dominar\u00e1 el desarrollo en internet, pero introduce algunos cambios importantes que veremos dentro de algunas l\u00edneas. Por ende, para los desarrolladores de sitios web es importante conocer las ventajas de HTML5, considerando que algunas entidades se est\u00e1n moviendo en esta direcci\u00f3n. No solamente Google con su navegador Chrome, hace unos a\u00f1os, sino tambi\u00e9n Adobe hace unos meses, que removi\u00f3 el soporte de Flash para Android para dar paso a la llegada de HTML5.<\/p>\n

Volviendo a qu\u00e9 es HTML5. Se trata de un sistema para formatear el layout<\/em> de nuestras p\u00e1ginas, as\u00ed como hacer algunos ajustes a su aspecto. Con HTML5, los navegadores como Firefox, Chrome, Explorer, Safari y m\u00e1s pueden saber c\u00f3mo mostrar una determinada p\u00e1gina web, saber d\u00f3nde est\u00e1n los elementos, d\u00f3nde poner las im\u00e1genes, d\u00f3nde ubicar el texto. En este sentido, el HTML5 no se diferencia demasiado de su predecesor, un lenguaje del cual hablamos hace algunos meses en nuestra gu\u00eda b\u00e1sica de HTML<\/a>. La diferencia principal, sin embargo, es el nivel de sofisticaci\u00f3n del c\u00f3digo que podremos construir usando HTML5.<\/p>\n

Cu\u00e1les son sus novedades<\/h3>\n

En t\u00e9rminos de Markup, el HTML5 introduce algunos elementos que hacen que se aggiorne<\/em> a los tiempos que corren. As\u00ed, muchas de las novedades est\u00e1n relacionadas con la forma de construir websites que se tiene en la actualidad. Una de las m\u00e1s importantes novedades est\u00e1 relacionada con la inserci\u00f3n de multimedia<\/strong> en los sitios web, que ahora contar\u00e1n con etiquetas HTML especiales para poder ser incluidos. Por otro lado, algunos aspectos de dise\u00f1o tambi\u00e9n son incluidos en el lenguaje, as\u00ed como tambi\u00e9n algunos detalles de navegaci\u00f3n. Veremos todo esto en algunas l\u00edneas.<\/p>\n

Con el uso de HTML5, se puede reducir<\/a> la dependencia de los plug-ins<\/strong> que tenemos que tener instalados para poder ver una determinada web. Caso emblem\u00e1tico, el de Adobe Flash, que se ve claramente perjudicado por la instauraci\u00f3n de este est\u00e1ndar. Por otro lado, fue un avance importante para dispositivos que de forma nativa no soportaban Flash, y que no soportaban tampoco plug-ins necesarios para hacerlo. Otro caso emblem\u00e1tico, el del iPhone. Pero adem\u00e1s, con HTML5 se ampl\u00eda el horizonte del desarrollo de aplicaciones que pueden ser usadas en una multiplicidad de dispositivos.<\/p>\n

Gracias a HTML5, los usuarios pueden acceder a sitios web de manera offline, sin estar conectados a internet. Se suma tambi\u00e9n la funcionalidad de drag and drop, y tambi\u00e9n la edici\u00f3n online de documentos ampliamente popularizada por Google Docs. La geolocalizaci\u00f3n es uno de sus puntos fuertes, pero por otro lado, las etiquetas dise\u00f1adas especialmente para el audio y el video ahorran la necesidad de tener que tener un plug-in de Flash y, al mismo tiempo, asestan un golpe mortal al producto de Adobe, que cada vez se est\u00e1 usando menos. Sin embargo, es importante destacar que Flash sigue siendo utilizado y HTML5 todav\u00eda no hizo el \u201csalto grande\u201d, aunque est\u00e1 en camino.<\/p>\n

\"html5\"<\/p>\n

Las nuevas etiquetas<\/h3>\n

El lenguaje HTML funciona a trav\u00e9s de marcas de sentido<\/strong> llamadas etiquetas. Las etiquetas son la herramienta fundamental para que los navegadores puedan interpretar el c\u00f3digo y permitirnos ver im\u00e1genes, texto, p\u00e1rrafo, y estructuras. Los navegadores vendr\u00edan a ser como \u201ctraductores\u201d de las etiquetas, y con HTML5, se agregan nuevas etiquetas<\/strong> para utilizar que nos ahorran el uso de otros productos que se usaban para complementar y hacer cosas que con el simple HTML no se pod\u00edan hacer. HTML5 fue creado para hacer que el proceso de escribir el c\u00f3digo sea m\u00e1s simple y m\u00e1s l\u00f3gico, por decirlo de una forma. La sintaxis<\/a> de HTML5 se destaca, como dijimos, en el \u00e1mbito multimedia, pero son bastantes las etiquetas introducidas para generar una mejor\u00eda.<\/p>\n

La idea detr\u00e1s de HTML5 es que podamos visualizar el contenido multimedia variado que podemos encontrar en internet a\u00fan cuando nos encontramos en dispositivos de gama baja que no podr\u00edan soportarlo cuando tienen que instalar infinidad de plug-ins. No solamente contamos con etiquetas especiales como audio, video y canvas, sino tambi\u00e9n integraci\u00f3n con contenidos de gr\u00e1ficos en vectores (que anteriormente se conoc\u00eda como la etiqueta object. Con estas etiquetas, los usuarios pueden consumir videos y canciones, por ejemplo, sin necesidad de instalar nada de forma adicional.<\/p>\n

Las m\u00e1s importantes de las nuevas etiquetas creadas son:<\/p>\n