Actividad 6.2.- Estándar HTML5

El test de accesibilidad HTML5 nos dice:

Firefox: 85,5%

Internet Explorer (IE): 37%

Este test se refiere cuando usamos los nuevos elementos HTML5

En la wikipdia, nos da una lista de los nuevos elementos HTML5:

Novedades:

Incorpora etiquetas (canvas 2D y 3D, audio, vídeo) con codecs para mostrar los contenidos multimedia. Actualmente hay una lucha entre imponer codecs libres (WebM + VP8) o privados (H.264/MPEG-4 AVC).

Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, Menu y Command. Permiten generar tablas dinámicas que pueden filtrar, ordenar y ocultar contenido en cliente.

Mejoras en los formularios. Nuevos tipos de datos (eMail, number, url, datetime …) y facilidades para validar el contenido sin Javascript.

Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales). En general se deja abierto a poder interpretar otros lenguajes XML.

Drag & Drop. Nueva funcionalidad para arrastrar objetos como imágenes.

Web Semántica:

Añade etiquetas para manejar la Web Semántica (Web 3.0): header, footer, article, nav, time (fecha del contenido), link rel=‘’ (tipo de contenido que se enlaza).

Estas etiquetas permiten describir cuál es el significado del contenido. Por ejemplo su importancia, su finalidad y las relaciones que existen. No tienen especial impacto en la visualización, se orientan a buscadores.

Los buscadores podrán indexar e interpretar esta meta información para no buscar simplemente apariciones de palabras en el texto de la página.

Permite incorporar a las páginas ficheros RDF / OWL (con meta información) para describir relaciones entre los términos utilizados.

Además, ofrece versatilidad en el manejo y animación de objetos simples, imágenes etc.

Nuevas Apis y Java Script:

API para hacer Drag & Drop. Mediante eventos.

API para trabajar Off-Line. Permite descargar todos los contenidos necesarios y trabajar en local.

API de Geolocalización para dispositivos que lo soporten.

API Storage. Facilidad de almacenamiento persistente en local, con bases de datos (basadas en SQLite) o con almacenamiento de objetos por aplicación o por dominio Web (Local Storage y Global Storage). Se dispone de una Base de datos con la posibilidad de hacer consultas SQL.

WebSockets. API de comunicación bidireccional entre páginas. Similar a los Sockets de C.

WebWorkers. Hilos de ejecución en paralelo.

Estándar futuro. System Information API. Acceso al hardware a bajo nivel: red, ficheros, CPU, memoria, puertos USB, cámaras, micrófonos... Muy interesante, pero con numerosas salvedades de seguridad.

Como importante, en el manejo personal de IE y Firefox, se puede señalar:

Los elementos semánticos HTML5 son compatibles con todos los navegadores modernos Además, puede "enseñar" a navegadores antiguos como manejar "elementos desconocidos"

En IE, añadir el shiv para que sea soporte.:

<!--[if lt IE 9]>

<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>

<![endif]-->

En html5rocks.com/es/tutorials/video/basics/:

La etiqueta de video es una de la funciones de HTML5 que tiene gran interés. Esta etiqueta se suele presentar como alternativa a Flash para el contenido multimedia, pero tiene más aplicaciones, la ventaja principal de la etiqueta de vídeo es la posibilidad de integración natural con las demás capas de la pila de desarrollo web, como CSS y JavaScript, así como con las otras etiquetas HTML.

En cuanto a los códecs, Firefox, Chrome y Opera han acordado admitir WebM como formato de vídeo común a través del proyecto WebM. Internet Explorer también admitirá ese formato si el códec se instala en el ordenador (esperemos que este requisito no sea imprescindible en el futuro).

Manejo IE Firefox

En mi experiencia IE en la versión 9 soporta la gran mayoría de los elementos HTML5, en cuanto a los videos y audios, es muy práctico, usa los comerciales, y está preparado para cual quier página, por que al final es el más utilizado. Si que he visto que funcionaba mal el nuevo formato de dibujo, SVG, aunque ya lo he visto mejorado, en definitiva, al ser el más usado es muy compatible a pesar de los test.

En cuanto a Firefox, es mejor, en el sentido de rapidez, y sobre todo en sus posibilidades, puedes añadirle muchas facilidades, ejemplo: traducción y otras muchas aplicaciones, así como es muy útil para desarrollo web, te enseña y monitoriza con su menú de herramientas, todo esto en entornos windows donde es muy similar al IE.

En entornos Linux, el Firefox, aumentas sus posibilidades y su versatilidad, produce muchos fallos por ello, ya que en estos entornos buscamos y experimentamos, nuevas posibilidades y curiosidades, pero eso es otro tema.