sábado, 12 de noviembre de 2011

HTML5 ¿porque empezar a usarlo?

Hoy hablare de HTML5 y aunque aun está en fase de desarrollo como lo indica la misma W3C ya es usado por muchos desarrolladores, pero ¿a que tecnologías pretende reemplazar o por lo menos presentarse como alternativa?¿o porque empezar a usarlo? básicamente pretende suplantar a html4 y xhtml estricto, aunque también pretende presentarse como alternativa a flash en videos, ya que insertar videos en una web será tan fácil como el siguiente código:


<video controls="controls" height="240" width="320">

<source src="movie.mp4" type="video/mp4"></source>

<source src="movie.ogg" type="video/ogg"></source>

</video>


Y están soportados formatos como MPEG y ogg, pero algunos benchmark indican que html5 no es tan eficiente como flash para reproducir videos al menos en Windows ya que en Mac la historia es otra, esto se debe a que flash cuenta con aceleración por hardware en Windows, pero aquí hay que hacer una acotación muy clara, esto no es problema del estándar html5 en sí, si no de que el navegador implemente esta parte.

También es sonado que hay una especie de guerra entre flash y html5, yo creo que más bien es un pleito como los que seguido se escuchan entre compañías cuando entran en conflicto sus intereses, por ejemplo que si las ipad no traen soporte para flash y bla bla, yo creo que por ser un estándar libre ya tendrá muchos a su favor a diferencia de flash.

Desde el punto de vista de un desarrollador esta actualización de HTML trae muchas ventajas, por la simplicidad y la llegada de nuevas capacidades como la de video, audio, canvas. Una capacidad muy apreciable y que seguro ahorrara mucho código es la propiedad “required” que ahora podrá usarse en todos los inputs de un form, ejemplo:

<input type=”email” name=”x” required />


Esto hará que le salte al usuario un mensaje si no llena ese campo, además también saltara un mensaje de error si el campo no tiene el formato de un correo electrónico ya que el nuevo type “email” así lo valida. Pueden ver una guía de referencia donde podrán encontrar muchos de los nuevos tags que incorpora html5 desde aquí http://www.w3schools.com/html5/html5_reference.asp

Canvas permitirá la creación de imágenes 2D con lo que se podrán hacer jueguitos XD, pero una capacidad que cobra especial atención es la incorporación del soporte a la web 3.0 la web semántica, se define como la interoperabilidad entre aplicaciones, servicios y páginas web para reunir o comunicarse información entre si y así ofrecerla al usuario final, sin necesidad de intermediarios es decir de forma totalmente automática por maquinas de procesamiento “agentes inteligentes” que harán las búsquedas por nosotros y nos ofrecerán la información que nos interesa basados en el contenido, significado y relación de los datos. A penas acabamos de comprender el concepto de web 2.0 y ya surge la 3 y es que en mi opinión personal y un tanto dividida, parece un poco prematuro crear una tecnología para un concepto a penas naciente con lo cual parece que habrá futuras correcciones y modificaciones, pero es bueno que haya un iniciador que abra camino en este ámbito y que mejor que un estandar y así lo tengamos más fácil los desarrolladores, ya que la irrupción de la web 2.0 fue un tanto violenta, confusa y sin orden. Con lo que la estructura de una pagina web en html5 y atendiendo a la web semántica quedaría así:


Como se puede apreciar html5 tendrá mucho éxito, sera el estandar con el que se maneje la semantica de la web 3.0 y ya es soportado en su mayoría, por la mayoría de los navegadores aunque internet explorer sigue siendo una pesadilla para nosotros los desarrolladores web, saludos y hasta la proxima.


Aquí unos enlaces interesantes por si les entro curiosidad por la web 3.0, que al final tendremos que mirar hacia allá.

http://www.genbetadev.com/desarrollo-web/introduccion-a-la-web-semantica-en-html5
http://css3html5.com.ar/html5-y-la-web-semantica/

de html5

http://html5tutorial.net/
http://www.desarrolloweb.com/manuales/html5-internet-explorer9.html

No hay comentarios.:

Publicar un comentario