Esta etiqueta es nueva en HTML5 y es una etiqueta semántica, y nos permitirán anotar o resaltar ilustraciones, diagramas o fotos. Su uso es bastante sencillo, como podemos ver a continuación:
<figure>
<img src="myimage.png" alt="Imagen de muestra" width="304" height="228">
</figure>
<div> <p>Pneumonoultramicroscopic<wbr>silicovolcanoconiosis es una palabra de (45
letras), es una enfermedad contraída por la aspiración de basura volcánica.</p> </div>
<title>Documento sin titulo</title>
<title>Tips de HTML5</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<script type="text/javascript" href="myscript.js">
<script href="myscript.js">
<script href="myscript.js" async>
<link rel="stylesheet" type="text/css" href="theme.css" media ="screen">
<link rel="stylesheet" href="theme.css">
<link rel="stylesheet" href="theme.css" media="print">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
Muchos tal vez creen que HTML5 es una simple mejora del lenguaje de marcado HTML, pero en realidad es una versión completamente renovada del lenguaje, que es el resultado natural del proceso evolutivo de la web.
HTML5 integra 8 elementos, que hacen parte de la nueva especificación.
Semántica: Busca dotar al lenguaje de una estructura y una semántica que de sentido a la información, ampliando así la funcionalidad de la web. Esto es de vital importancia para los nuevos conceptos de la web, en donde se busca que la información contenida en un sitio se pueda organizar e identificar de manera que pueda ser indexada de forma más eficiente.
A simple vista puede parecer que esto no reviste mayor importancia, mas aun si se tiene en cuenta que las etiquetas que entran dentro de esta categoría no tienen incidencia alguna en la forma como se ve una pagina, pero teniendo en cuenta el volumen de información contenida en la web y la velocidad a la que esta aumenta, se hizo necesario la implementación de mecanismos que permitan manejar la información de formas más eficientes.
Modo offline y almacenamiento: se busca hacer más eficiente el acceso a la web, de modo que una aplicación web podría empezar a funcionar aun cuando no se esté en línea mediante mecanismos de cache y almacenamiento permanente de la información, que permitiría al usuario interactuar con la aplicación mientras no tenga conexión. Este es un factor importante, mas aun en el caso de los dispositivos móviles, donde la velocidad de conexión y la disponibilidad de la misma no siempre se puede garantizar.
Acceso a dispositivos: este tema está orientado principalmente al soporte a diferentes tipos de dispositivos móviles, los cuales como ya sabemos han empezado a formar parte activa de nuestras vidas, como es el caso de las tabletas, Smartphone, GPS, e incluso las cámaras fotográficas profesionales, las cuales ya cuentan con mecanismos de navegación web y geo localización entre otras funcionalidades . Así mismo comprende el mecanismo por el cual se puede acceder al hardware que estos dispositivos traen incluidos, tales como el GPS, acelerómetro, cámara, entre otros, con el fin de dotar a las paginas web de un dinamismo nunca antes visto.
Conectividad: en este aspecto se busca mejorar los mecanismos de conectividad, permitiendo que las aplicaciones puedan funcionar en tiempo real, como sucede por ejemplo con los chats. Este tema es de gran importancia para el mercado actual, porque como muchos ya habrán visto, se están empezando a popularizar todo tipo de juegos basados en HTML5.
Multimedia: este es tal vez uno de los elementos que más impacto ha causado a muchos, pues persigue integrar el manejo de audio y video de una forma más eficiente, evitando los problemas que hasta el momento se venían experimentando de la mano de tecnologías como Flash. Mediante la integración en HTML 5 de api’s para la reproducción de audio y video, los famosos plugins de Flash y Silverlight han pasado a ser solo un mal recuerdo, al punto que ya sitios como YouTube están migrando de su antiguo modelo y adoptando el nuevo estándar con excelentes resultados.
3D, gráficos y efectos: este es un elemento novedoso en verdad, y comprende la inclusión de soporte para el manejo de archivos gráficos, tales como SVG, así como el soporte para 3D de la mano de JavaScript como es el caso de WebGL, y múltiples efectos que permitirán disfrutar la web como nunca antes había sido posible.
Performance e integración: este es un punto interesante, y es el poder integrar tecnologías que permitan interactuar de forma mas efectiva con el servidor, lo que mejora notablemente el rendimiento de una web, al poder comunicar de forma efectiva sus necesidades y ser atendidas en el momento preciso.
CSS3: este elemento es conocido por muchos, pero tal vez no todos tengan una idea real del alcance e impacto que esto puede tener. La integración con Css3 abre un sinfín de posibilidades, una de las más esperadas por muchos diseñadores gráficos es sin duda el poder usar tipos de letras personalizadas en su web, pero hay más, incluye muchas facilidades para incorporar efectos geniales en la web al punto de hacer de una simple pagina una autentica obra de arte.
Como podemos ver HTML5 nos ofrece un amplio abanico de funcionalidades, y nos brinda grandes oportunidades de innovar en cuanto a los ambientes web hace referencia, si bien es cierto que aun no esta del todo soportado, y que como estándar aun esta sujeto a revisiones y mejoras, a este momento ya se encuentra muy avanzado, de hecho Firefox y Chrome están prácticamente a la cabeza en cuanto a funcionalidades soportadas, si desean pueden obtener mas información sobre las funcionalidades soportadas por los navegadores actuales aquí.
Ahora bien, aprovecho este espacio para anunciar la creación de una serie de post sobre HTML5 que contendrán una serie de tips sobre diferentes aspectos del lenguaje.
