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 elementohead -
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 historiameter :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 videoaudio:En este caso un archivo de audiodetails:Más detalles sobre alguna cosadatagrid:Una tabla, una recopilación de datos formateadosmenu: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.
- Categorias: Internet, filosofia de la red, tendencias
Artículos relacionados
Conoces la Portada de la Revista techlosofy?
Desde nuestra portada podrás acceder a todas las noticias, así como a todos los artículos de nuestras secciones: Internet, Software ...
Ver portada
33 Comentarios al Artículo: Nuevos elementos en HTML 5, la quinta versión del lenguaje de la web.
Deja un comentario!
[...] Contact the Webmaster Link to Article ajax Nuevos elementos en HTML 5, la quinta versión del lenguaje de la web. » [...]
[...] Nuevos elementos en HTML 5 [...]
[...] 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 [...]
[...] 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) [...]
El ejemplo de IBM me ha dado una muy buena impresión de lo que viene.
[...] http://techlosofy.com Desarrollo de Software, Internet, [...]
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 …
[...] Elementos estructurales [techlosofy.com] [...]
[...] 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/ [...]
[...] 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. [...]
[...] quieres saber mas sobre el futuro de HTML, nuestros amigos de Techlosofy hicieron un gran post al [...]
[...] pasada semana, te decíamos que si eras webmaster, y llevabas personalmente una web, blog o portal de Internet, estabas sin duda alguna de [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
loquesea
[...] nuevo HTML 5 incorpora nuevas etiquetas (aside, figure, section, time, meter, progress, video, audio, details, [...]
[...] muchos otros que no pueden dejar de ver aquí y aquí. No cabe duda que será un gran paso para el HTML, ahora nos queda esperar pacientemente a que este [...]
Me parece bastante interesante, nos facilita bastante la vida, aunque siento que siempre se descuida un poco cuando no usas la web solo para leer si no para aplicaciones un poco mas complejas y aquí en esta síntesis no veo mucho al respecto, pero aun así, muy interesante.
[...] solo tienen uno o dos sensores mientras que los modelos más evolucionados tienen 12 o 16 elementos colocados en una matriz lo cual permite que la toma de imagen sea mucho más [...]
[...] va en detrimento incluso de la seguridad de muchos países y finalmente, por desconocimiento, el código fuente al fin y a la postre acaba siendo propiedad de la empresa que lo [...]
[...] alumnos puedan adquirir los conocimientos necesarios para maquetar textos, que aprendan el lenguaje HTML para realizar páginas web simples y estáticas así como introducir al alumno en diseño web con [...]
[...] estudio de todos los elementos que intervienen en la productividad en un intento de comprender los elementos que subyacen para aumentar la [...]
[...] a analizar la información geográfica que hayan recogido. Los módulos 5 y 6 se dedican al desarrollo de sistemas GIS para diferentes medios. El módulo 7 incide el proceso de imágenes digitales y por [...]
[...] estos estupendos enlaces que vale la pena leer: Artículo sobre HTML 5 en el blog Techlosofy (http://techlosofy.com/nuevos-elementos-en-html-5-la-quinta-version-del-lenguaje-de-la-web/) y un artículo del blog de IBM que cita también technology, New element in HTML 5 [...]
[...] potente herramienta de programación visual para HTML. Los siguientes temas, del 4 al 8 abordan los elementos fundamentales que existen en una página WEB como los marcos, las tablas los formularios y los [...]
[...] Orientada a Objetos. En otros dos módulos se enseña por una lado la versión estándar del lenguaje y por otro lado la versión empresarial. El siguiente módulo trata de la conectividad con bases de [...]
[...] techlosofy Share and [...]
ala necesito q m pasen algunos elementos de html s super urgente se los re agradezco
son super importantes para mi
mil gracias!!!
[...] Nuevos elementos en HTML 5, la quinta versión del lenguaje de la web. vía: Techlosofy [...]
[...] el andamio ha tenido que ir siendo mejorado con otros componentes. Por cierto, su última mejora el HTML5 tiene una funcionalidades realmente interesantes que ya incorporan muchas de las carencias que tenía el antiguo HTML, la más destacada, en mi [...]
[...] es, cuando menos, singular. Los desarrolladores de este proyecto prefieren realizar cambios en las fuentes originales que utilizar la técnica de aplicar parches, como suelen hacer otras distribuciones de [...]
Mirad esto: http://www.phoboslab.org/files/venetianization/