HTML son las siglas de HyperText Markup Language, el lenguaje de etiquetas de hipertexto que se utiliza para crear y poder visualizar los contenidos de las páginas web. Este no es un lenguaje estancado y definitivo, sino que a medida que va evolucionando internet se van exigiendo ciertas mejoras y la W3C regula todo su desarrollo.
Ahora Youtube nos sorprende con una versión de su página web creada con HTML5, a la que lógicamente sólo puede accederse para ver el contenido correctamente desde un navegador que soporte el nuevo lenguaje de marcas. Entre ellos, las versiones Beta de Firefox 3.5, Opera o Safari 4 servirán sin problemas.
En cuanto a las diferencias con la versión anterior, en la tabla de referencia de HTML5 propuesta por el W3C puede obtenerse un listado de todos los elementos disponibles, sus descripciones aclaratorias y si están o no definidos en HTML4 y HTML5. El desarrollador web aNieto2k publicó hace tiempo un artículo muy interesante en el que compara las novedades de la quinta versión del lenguaje con respecto a las anteriores. Habrá nuevos elementos para definir nuevas estructuras, como por ejemplo:
<article />: nueva etiqueta para definir bloques de contenidos que correspondan a artículos.<section />: definición de una sección del sitio.<dialog />: tag para definir diálogos y conversaciones entre varias personas.<video />y<audio />: para la inclusión de elementos de video y audio. Un ejemplo puede verse en la versión de Youtube en HTML5 que comentábamos anteriormente.<footer />: parte de la web donde podrá ir información sobre el autor, licencias de uso, condiciones… todo ese tipo de detalles que generalmente suelen colocarse en el pie de la web.<canvas />: espacio para gráficos generados en el momento de la visualización de la web.<time />: información sobre tiempos o fechas.<command />: para mostrar comandos que el usuario puede ejecutar.<progress />: implementación de una barra de progreso durante la realización de un proceso o tarea.
- ...
Estos elementos y etiquetas también contienen ciertos atributos que también han sido mejorados, algunos de ellos eliminados y se han incorporado atributos nuevos en la definición de HTML5.
Como se puede observar, las nuevas etiquetas están definidas pensando también en la semántica de las páginas web, una evolución de la forma en que se realizan los sitios web que intenta dotar de significado útil para las personas todos los componentes y contenidos de una página.
Un ejemplo claro de a qué nos estamos refiriendo con el concepto de “web semántica” es plantearle a Google o a Yahoo la búsqueda “4+5” o “Hoteles en Zaragoza”. En ambos casos, el motor del buscador ha evolucionado hasta comprender que esas preguntas tienen un significado muy claro y piden una respuesta igualmente humana, y no simplemente una lista de páginas con coincidencias de los términos. En el primer caso, ambos responden directamente el cálculo de la suma de ambos números, entendiendo que se quiere realizar una operación matemática y no una búsqueda de palabas clave. En la segunda pregunta, responden con una lista de hoteles en la ciudad citada, con su localización exacta, páginas web, teléfono, precios, valoraciones y comentarios de otros usuarios.
Estas respuestas no obedecen realmente a los objetivos de la web semántica, ya que no utilizan realmente las tecnologías previtas para este nuevo paradigma sino que actualmente son solamente un guiño hacia una solución humana que una persona está buscando. Como comenta Alex Iskold en su artículos sobre mitos y realidades de la web semántica, el objetivo principal es que los usuarios podamos cambiar la forma en la que planteamos nuestras preguntas a una nueva forma totalmente humana, como por ejemplo: “¿Quién fue el presidente de los Estados Unidos entre los años 1993 y 2003?”. Y que la respuesta sea: “Bill Clinton hasta el 2001 y después George Bush”.
Ahora llega cuando la tecnología de los navegadores también avanza y poco a poco las nuevas versiones de los navegadores van soportando todos el nuevo lenguaje. Aunque, como siempre, unos antes que otros (léase Internet Explorer).
Enlace | W3C – Guía breve de la web semántica
Enlace | HTML5
Google Buzz, Google presenta su nueva apuesta para la web social
Alemania quiere cobrar a Google por las fotografías de Street View
¿Qué esperamos que anuncie hoy Google? Lo seguimos en nuestro Twitter
TweetDeck se actualiza e incluye compatibilidad con Youtube y Flickr
Google puede presentar un nuevo producto social mañana
me encanta la foto :D:D:D
#1 Me encantan las nuevas estructuras XD
Esto puede hacer q sea mucho más sencilla la adaptación de las pag a moviles a lectores de pantalla. Y lo mas importante a ¡dios a FLASH para incrustar cualquier tontería!
Totalmente de acuerdo con #2, creo que las etiquetas de vídeo y audio ayudarán muchísimo, nada de embeds, ni ahora un reproductor flash por aquí o otro por allá, con etiquetas nativas todo será mas fácil y eficaz además de las nuevas
HOYGAN! El tag commnad no me funciona! ¿No será command? ;-)
< boobs> < /boobs>
Se han confudido de etiqueta claramente =) (a ver si sale ésto o lo corta...)
lo corta :_(
Ahora nos toca a esperar el IE de los cojones. PD: La foto ilustrativa muy bien xD
Entre este nuevo paradigma de soporte de audio y vídeo y el O3D de Google (que precisamente sale en la screenshot de este artículo) el futuro de la Web pinta muy bonito :D
Si dejas el ratón encima de los vídeos relacionados, se muestran en cámara rápida =D
¿Has dicho que con Opera se ve bien la página de Youtube, o con un versión beta de este navegador? Porque con la versión 9.64 en Ubuntu no se ve bien.
Con Safari 3 no lo veo.
Bueno, solamente puedo ver la página con HTML5 en Sfari 4, pero el 03D vaya que consume recursos, jeje.
Ya veremos que pasó será el siguiente en el contenido y sus interactividad con el usuario
Espero que no sea como el cambio a IPv6, que según Cisco y todos los que hacen aparatos, ya es inminente, pero simplemente no lo vemos :s
#12 y #13: efectivamente, me he confundido con Safari 3, me refería a las versiones Beta de los navegadores.
Tengo Firefox 3.5b4, y no me soporta esa web de youtube :(
Alguien sabe cómoverla en firefox? IE8? Chrome?
el fallo es que la piva tiene bigotes! O_o'
luego, ojalá que hulu empiece fuerte con esto dell video sin flash, que cada que miro naruto se me calienta la gpu de mi dell mini y el video me sale cortado :(
A mi no me funciona, se queda todo en negro con los distintos navegadores, hay algo mas que necesite hacer para poder visualizar esa pagina de youtube? los ejemplos de O3D de google si que los puedo ver pero no esa de youtube.
uso WinXP