Red de Blogs
Estás leyendo una revista del futuro | ¿Aún compras prensa escrita para leer sobre tus temas favoritos?
Cursos en www.aprendemas.comMasters en www.mastermas.com MBAs en www.waytomba.com Patrocinio web de aprendemas.com


Nuevos elementos en HTML 5, la quinta versión del lenguaje de la web.


HTML, “Hypertext Markup Language” o como diríamos en español: Lenguaje marcado de hipertexto llega a su versión 5 con cambios. Según comentan en el W3C y en un fenomenal artículo de IBM, HTML5 incluirá nuevos elementos por primera vez en el último milenio.

Los nuevos elementos estructurales serán: aside, figure, y section. Pero aún hay más porque se incluirán también las otras etiquetas: time, meter, progress, video, audio, details, datagrid, command… Sin duda todo un gran paso hacia la web semántica.

La adición de nuevos elementos es sin duda una noticia impactante, sobre todo después de ver como el desarrollo del lenguaje HTML lleva parado desde 1999 con el lanzamiento de HTML4. El consorcio mundial de la web hasta ahora había estado centrado en el desarrollo de SGML, XML, XForms, RSS, CSS e incluso AJAX. Como comentan en el artículo de IBM, este cambio era necesario. Seguir utilizando un lenguaje de 1999 es seguir siendo hombres de las cavernas: Nuestros navegadores ahora tienen pestañas, utilizamos RSS y conocemos XML… sin embargo seguimos haciendo básicamente lo mismo que el milenio pasado: Tablas (<table>) y Párrafos (<p>)

Los nuevos elementos estructurales

Estos nuevos elementos van a dar mucho juego, por ejemplo a la hora de ver el código fuente de un blog, ya no será lo mismo. Muchos elementos div, cuyo identificador era muy común repetir ahora tienen su propio elemento HTML5. Veamos por qué.

  • section : Pued ser un capítulo, una sección de un capítulo o básicamente cualquier cosa que incluya su propio encabezamiento.
  • header : La cabecera de una página. No confundir con el elemento head
  • footer : El final de la página.
  • nav : Una colección de links a otras páginas
  • article : Una entrada independiente en un blog, revista, etc.

Podéis ver un ejemplo comparativo de código entre HTML4 y HTML5 en la web de IBM.

Hacia la web semántica

Estos nuevos elementos nos harán dar un paso más hacia la web semántica. Algunas páginas de hecho podrán cambiar del todo su código para incluir estas novedades:

  • aside : Es un bloque semántico que representa una nota, un consejo una explicación….
  • figure : Se utilizará para representar una imagen
  • dialog : Se utilizará para representar una conversación entre varias personas
  • time : Se utilizará para marcar un momento temporal en una historia
  • meter : Se utilizará para indicar ciertas medidas dependiendo de los atributos
  • progress: Representará el estado de cierto proceso
  • video: Siempre sabremos que entre estas etiquetas hay un video
  • audio: En este caso un archivo de audio
  • details:Más detalles sobre alguna cosa
  • datagrid: Una tabla, una recopilación de datos formateados
  • menu: Un listado, un menu….

El futuro de la web. Los buscadores, etc

Fijaos las inmensas posiblidades que se abren para el futuro. Desde luego los webmasters empezarán a adoptar HTML5 y los buscadores como Google mejorarán para dar prioridad a ciertas etiquetas para ciertas búsquedas. ¿Buscas algo en una fecha concreta? ¿Un formato determinado como video o audio? ¿Buscas un artículo, una definición o una conversación?

El nuevo mundo del posicionamiento web llegará muy pronto.

Más información: El futuro de la web | El futuro de HTML

Actualización: Un lector, completa nuestro resumen con las novedades de HTML5

  • Se añaden dos nuevos mecanismos para almacenar datos en el cliente, sessionStorage y globalStorage.
  • Se abre la posibilidad de tener una base de datos en el cliente y poder ejecutar consultas SQL (aún no está bien definido este apartado).
  • El elemento event-source, que permite tener una fuente de eventos externa (por ejemplo, <event-source src=”http://www.host.com/script.cgi” onevent=”process(event)”>). Dicho de otra forma: eventos DOM enviados desde el servidor.
  • Posibilidad de realizar conexiones bidireccionales con el servidor mediante TCPConnection(), LocalBroadcastConnection() y PeerToPeerConnection().
  • Envío de mensajes entre documentos mediante postMessage().
  • El elemento canvas entra en la especificación.
  • Otro que entra es embed. Aquí parece que han dado la guerra por perdida con object (de ahí la inclusión también de elementos como audio y video).
  • Se añade el atributo contentEditable a todos los elementos.
  • Soporte para arrastrar y soltar.
  • Historial de deshacer para todos los cambios realizados en el DOM.

Artículos relacionados

Comentarios al artículo


[…] Contact the Webmaster Link to Article ajax Nuevos elementos en HTML 5, la quinta versión del lenguaje de la web. » […]

2

Escrito por: Los héroes también sangran » HTML 5
Fecha: August 10, 2007 at 12:12 am

[…] Nuevos elementos en HTML 5 […]

3

Escrito por: Llega HTML5
Fecha: August 10, 2007 at 2:14 am

[…] hemos publicado en Techlosofy, pero la verdad es que es muy interesante comentarlo: HTML5, la nueva versión del lenguaje HTML llegará con nuevos elementos por primera vez en este milenio. Sin duda este acercamiento a la web […]

4

Escrito por: Nuevos elementos en HTML5 | SanOsiris Blog
Fecha: August 10, 2007 at 3:29 am

[…] HTML5, la nueva versión del lenguaje HTML llegará con nuevos elementos por primera vez en este milenio. Sin duda este acercamiento a la web semántica cambiará mucho la vida de los webmasters. Elementos como aside, figure, section, time, meter, progress, video, audio, details, datagrid, command … abrirán nuevas posibilidades. El W3C introduce estos cambios porque seguir utilizando un lenguaje de 1999 es seguir siendo hombres de las cavernas: nuestros navegadores ahora tienen pestañas, utilizamos RSS y conocemos XML… sin embargo seguimos haciendo básicamente lo mismo que el milenio pasado: Tablas (table) y Párrafos (p) […]

5

Escrito por: Tecsible
Fecha: August 10, 2007 at 8:57 am

El ejemplo de IBM me ha dado una muy buena impresión de lo que viene.

6

Escrito por: Lo que nos traerá HTML 5 » Isla Manzana
Fecha: August 10, 2007 at 9:54 am

[…] http://techlosofy.com Desarrollo de Software, Internet, […]

7

Escrito por: SigT
Fecha: August 10, 2007 at 4:38 pm

Novedades entorno a HTML 5…

Como ya hemos ido contando, después de comparar HTML 5 vs XHTML 2.0 al final el W3C dijo adiós al XHTML, una decisión que no termina de convencerme. Sobretodo por los xi:include (un include(); de PHP pero en XML/XHTML 2.0 sin necesidad de lenguajes …

8

Escrito por: Los nuevos cambios en el HTML 5.0 « baudio
Fecha: August 14, 2007 at 12:39 am

[…] Elementos estructurales [techlosofy.com] […]

9

Escrito por: Emergiatech news
Fecha: August 23, 2007 at 11:59 am

[…] Technosofy. Filosofía Tecnológica (Spanish webpage) Nuevos elementos en HTML5: http://techlosofy.com/nuevos-elementos-en-html-5-la-quinta-version-del-lenguaje-de-la-web/ […]

10

Escrito por: Presión blogosférica « La información es poder
Fecha: August 28, 2007 at 6:03 pm

[…] Nuevos elementos en el HTML 5 (techlosofy.com):  La quinta versión del lenguaje de la web, el HTML, ya está aquí. En este post se hace una extensa revisión de los principales cambios. […]

11

Escrito por: La remera para que sepan cual es tu cuerpo
Fecha: October 23, 2007 at 12:14 am

[…] quieres saber mas sobre el futuro de HTML, nuestros amigos de Techlosofy hicieron un gran post al […]

12

Escrito por: Llega Windows Live Translator para tu web
Fecha: November 11, 2007 at 7:36 pm

[…] pasada semana, te decíamos que si eras webmaster, y llevabas personalmente una web, blog o portal de Internet, estabas sin duda alguna de […]

13

Escrito por: “Aikido” (un arte más que saludable) (part. II).
Fecha: January 8, 2008 at 2:24 am

[…] del desarrollo a nivel físico, nos brinda su aspecto espiritual conformando en su conjunto una filosofía de vida integral, que nos lleva a la armonía total de nuestro ser, así su nombre […]

14

Escrito por: Un remedio feng shui, para la salud
Fecha: January 20, 2008 at 6:21 am

[…] el factor de equilibrio, o desequilibrio, acorde a la ubicación, distribución, tamaño, formas, y elementos que ordenados por dicho arte, lograban la armonía y bienestar en todos los niveles tanto […]

15

Escrito por: El Reino Champiniónico aparecerá en el SSBB
Fecha: January 23, 2008 at 11:25 pm

[…] tiempo, por el mundialmente conocido, Koji Kondo, él mismo que esta vez lo ha renovado en su nueva versión, pero con un nuevo toque en piano, la cual podremos oír […]

16

Escrito por: alex
Fecha: January 27, 2008 at 12:58 pm

loquesea

Escribe un comentario

Cuentanos lo que opinas. Recuerda que se permite HTML básico para comentar.


Bienvenido a Techlosofy

Techlosofy.com es un blog que pretende publicar notas referentes a tecnología, Internet y los negocios que surgen en este entorno. La filosofía tecnológica, las tendencias, el futuro y la evolución de la sociedad en este ámbito serán la fuente de inspiración de nuestros artículos.

Recibe los artículos de Techlosofy en tu mail:

Escribe tu mail:

Lo más leído