Novedades de HTML5

Comentarios: 0
Tags: ,
Fecha: 04/12/2007

El mundo del diseño y desarrollo de web está en constante evolución. Cada día surgen técnicas y lenguajes nuevos. Lo que no ha variado desde hace casi un decenio es el lenguaje HTML, que parecía haberse quedado estancado en la versión 4 del mismo.
Parecía, porque ya está al caer la versión 5 de HTML que trae interesantes novedades. En A List Apart han realizado un repaso a las novedades que ofrecerá esta nueva versión que en la actualidad está preparando la W3C en colaboración con otros organismos y asesores. Todavía queda trabajo por hacer y tiempo para que la nueva versión salga definitivamente a la luz, lo que hace preveer novedades y modificaciones, pero las principales características que, de momento, incluye HTML5 son:

- ESTRUCTURA. HTML 5 introduce una serie de nuevos elementos que hacen mucho más fácil la confección de la estructura de las páginas mediante la introducción de nuevos elementos, con un significado semántico, para la representación de cada uno de las diferentes secciones que puede contener una página. Los antiguos elementos div podrán ser reemplazados por nuevos elementos como: header, nav, section, article, aside y footer. De este modo el marcado de un documento podría ser algo así:

<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<footer>...</footer>
</body>

- VIDEO Y AUDIO. En los últimos años, encontrar vídeo y audio en la web se han hecho muy frecuente. Sitios como YouTube o MySpace son buena prueba de ello. Sin embargo, la versión actual de HTML actual carece de los medios necesarios para incorporar con éxito el control de los multimedia y por sí mismo. En la nueva versión de HTML se incorporan los nuevos elementos video y audio. De este modo, para incorporar un elemento de video podríamos hacerlo con:

<video src="video.ogg" width="320" height="240">
<a href="video.ogg">Descargar</a>
</video>

Y para incorporar un elemento de audio:

<audio src="music.wav">
<a href="music.wac">Descargar</a>
</audio>

Todavía queda por saber los codecs de audio y vídeo que serán capaces de soportar los navegadores.

- REPRESENTACIÓN DE DOCUMENTOS. A diferencia de las versiones anteriores de HTML y XHTML, que se definen en términos de su sintaxis, HTML 5 se está definiendo en términos del Document Object Model (DOM) - el árbol de representación utilizado internamente por los navegadores para representar el documento. La ventaja de la definición de HTML 5 en términos de DOM es que el lenguaje mismo podrá definirse independientemente de la sintaxis.

Más información en:

Algunas entradas relacionadas:

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados.

Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web o deseas contactar conmigo lo puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com

El hombre nunca sabe de lo que es capaz hasta que lo intenta.Dickens, Charles
Pixer.us

Pixer.us es un servicio web que nos ofrece opciones sencillas de edición de imágenes, como modificar el tamaño o recortarlas. También podremos añadirle unos cuantos efectos básicos. Para utilizar este servicio tan sólo tenemos que subir nuestra imágen haciendo click en el botón de “Examinar” y luego en el de “Upload & Edit”. Una vez hemos realizado las modificaciones tendremos la opción de guardar la imagen en alguno de los siguientes formatos: JPEG, GIF, BMP o PNG.

7 Poderosos carruseles de imágenes para diseñadores

Este post es una colección de algunos de los mejores carruseles de imágenes y contenido que podemos utilizar para nuestros proyectos web. El listado incluye Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) y un tutorial acerca de cómo implementar un carrusel como los de Flickr utilizando Prototype-UI.

Listado de editores de PHP

Listado que aglutina la mayoría de editores de PHP que existen en la actualidad. El listado está dividido en editores gratuitos -con una subdivisión por sistema operativo- y editores comerciales. Interesante enlace.

50 lecciones acerca de teoría del diseño

Desde Psdtuts+ nos ofrecen 50 lecciones acerca de teoría del diseño gráfico. Si bien muchas veces nos enfocamos en el cómo de las cosas, cómo conseguir un efecto, cómo realizar una retícula en css,... también resulta muy importante entender el "por qué". Lecciones acerca de tipografía, psicología del color, composición, etc. Las lecciones están en inglés.

BonkEnc extrae, codifica y convierte archivos de audio

BonkEnc es una utilidad para extraer las pistas de audio de los CDs, codificar y convertir los archivos de audio a múltiples formatos. Es capaz de generar archivos en formato MP3, MP4 /M4A, Ogg Vorbis, AAC, y FLAC. Y dispone de su propio códec de sonido, Bonk. Además es compatible con CDDB (Compact Disc Database) y CDText

Times Reader: el New York Times en Adobe AIR

El prestigioso New York Times ha lanzado una aplicación, llamada Times Reader, basada en Adobe AIR, que permite leer las noticias de un modo más parecido a lo que sería un periódico en papel. Parece que la crisis de los medios escritos hace que se abran a nuevos modelos de negocio.

Appetizer

Appetizer es una aplicación gratuita para Windows que funciona como lanzador de aplicaciones. Permite organizar los accesos directos y carpetas que más a menudo utilizemos en una cómoda barra o "dock" . Entre sus características cabe destacar que tiene soporte para plugins; para pieles; teclas de acceso rápido; apoyo a iconos personalizados; etc. También es muy interesante mencionar que el programa posee una versión portable del mismo.

How To Create A Great Web Design CV and Resume?

Aprovechando que están cayendo chuzos de punta en el mundo laboral, en Smashing Magazine se han marcado un muy interesante artículo sobre como crear un buen currículum vitae.

13 trucos para Google Reader

Una interesante recopilación de recursos y recetas para sacar un mayor partido a Google Reader: atajos de teclado, uso de filtros, utilizar las notas,...