Geek the Planet


Desarrollo no image

Published on Junio 9th, 2009 | by Angelfire

1

HTML 5.0 y sus nuevas características

Hace un par de semanas esta noticia fue el boom, la salida de HTML 5.0 y el como youtube tenia una página de muestra donde embebia video simplemente usando tags de esta nueva versión, era algo como:

<video width="640" height="360" src="/demo/google_main.mp4?2" autobuffer>
	<div class="video-fallback">
		<br>You must have an HTML5 capable browser.
	</div>
</video>

Hace bastante tiempo ya (unos 2 años), Andrés Nieto hizo un post donde nos mostraba varios elementos de esta nueva versión (que en aquel entonces sólo hacia parte de un proyecto en papel), algunas de estas nuevas tags son:

  • <article /> elemento que nos permite declarar un trozo del contenido como artículo. Ideal para blogs o periódicos.
  • <aside /> representa un trozo de contenido que se relaciona muy levemente con el resto del contenido.
  • <dialog /> elemento que permite reprensetar conversaciones.
  • <figure /> podrás usarlo para asociar con un caption un contenido incrustado, como por ejemplo gráficos o vídeo.
  • <footer /> Sección de la página para contener información sobre el autor, copyright, etc,…
  • <header /> representa a la sección de cabecera.
  • <nav /> representa la sección de la página orientada a la navegación.
  • <section /> elemento que indica que se trata de una sección genérica.
  • <audio /> y <video /> para el contenido multimedia.
  • <embed /> es un elemento dedicado para contenido de plugins.
  • <m /> representa el texto marcado.
  • <meter /> usado para representar medidas, por ejemplo el tamaño del disco usado…
  • <time /> usado para mostrar fechas y/o tiempo.
  • <canvas /> usado para mostrar gráficos renderizados en tiempo real, por ejemplo gráficos, juegos, etc,…
  • <commnad /> relacionado con los comandos que el usuario puede invocar.
  • <datagrid /> ideal para mostrar un arbol de datos o una tabla tabulada.
  • <details /> muestra información adicionar si el usuario lo demanda.
  • <datalist /> junto con el nuevo atributo list para los <input /> puede ser usado para crear comboboxes.

Ni quieren conocer más detalles pueden leer el post de Andrés Nieto, si por el contrario se quieren leer la documentación oficial HTML 5 – A vocabulary and associated APIs for HTML and XHTML, eso si, deben tener muchisimo tiempo disponible.

También gracias a un Twitt de Andrés Nieto, me encuentro con esta galeria de los primero sitios desarrollados usando HTML 5.0, realmente muy buenos:

sitios HTML 5

Para visualizar correctamente estos sitios, es necesario de algún navegador que soporte el nuevo estandar de HTML 5, hasta donde he leido ya Safari 4 y Mozilla Firefox 3.5 lo hacen.

Tags: , ,


About the Author

Systems Engineering, Computer Systems Specialist, Social Engineering Specialist. Social Media Analyzer. Usability and SEO enthusiasm (Este es mi perfil de Twitter...)



One Response to HTML 5.0 y sus nuevas características

  1. Pingback: Blog de Illi.Pro

Back to Top ↑
  • Comentarios recientes

  • Miniposts

    • iOS 8 disponible para descargar

      Hoy se anunció de manera oficial iOS 8, la fecha de llegada será el próximo 17 de septiembre. En iPhonehacks han recopilado los enlaces de descarga directo para los diferentes dispositivos que soportan la nueva versión del sistema operativo. Así que para quienes no desean esperar, ya pueden acceder a la versión Golden Master ...

    • Festigame Colombia 2014

      El festival de videojuegos, cultura gamer y entretenimiento familiar más grande de América Latina ha llegado a nuestro país. Festigame que es un evento creado en Chile en 2012, se ha convertido en el evento anual donde las marcas más importantes de la industria presentan sus últimos productos en el ...

    • Peter Griffin también tiene cuenta en Instagram

      El protagonista de la serie de humor, Padre de Familia, Peter Griffin ha inaugurado su presencia en la red social de fotografía con divertidas fotografías de su vida, y a pesar de ser un personaje de ficción ya ha superado los 200.000 seguidores en tan sólo dos semanas. Son unas fotos bastante divertidas, las ...

    • Manual y documentación de Node.js para Android

      Node.js se ha venido haciendo bastante popular en los últimos años, cada vez son más los usos que como desarrolladores web le damos a esta tecnología. La siguiente aplicación es el manual y la documentación de Node.js, que contiene los siguientes temas: About these Docs Synopsis Assertion Testing Buffer C/C++ Addons Child Processes Cluster Console Crypto Debugger DNS Domain Events File System Globals HTTP HTTPS Modules Net OS Path Process Punycode Query Strings Readline REPL Stream String Decoder Timers TLS/SSL TTY UDP/Datagram URL Utilities VM ZLIB

    • Star Wars Traceroute

      ¿Qué pasa cuando un ingeniero está muy desocupado? pues pasan cosas como esta: Mac y Linux Van a la consola y escriben: traceroute 216.81.59.173 Windows Buscan el CMD y escriben: tracert 216.81.59.173 El resultado es interesante y sorprendente. Si quieren ver la salida de la ejecución del comando, pueden ver el gist Ver más: Beagle Network

  • Comunicados - Notas de Prensa