NOVEDADES EN LA IMPLEMENTACIÓN DE VÍDEOS EN HTML

Ya hemos hablado con anterioridad de HTML5 incluso hemos visto algunos ejemplos de HTML5  para que quede más claro la funcionalidad que va a traer a la Web esta nueva versión de HTML. Entre las ventajas que trae HTML5 está la posibilidad de integrar video en un sitio web sin necesidad de depender de plugins de terceros como flash o windows media.

SaveDelete.com ha recopilado 7 herramientas para integrar video con HTML5 en tu sitio web que vale la pena revisar si quieres empezar a migrar a HTML5 en tu blog o sitio web.

Ejemplos de las nuevas implementaciones de códigos en HTML

 Nuevos elementos

Los tiempos modernos requieren nuevos elementos para proporcionar una web más semántica, completa y homogenea. Para ello se han añadido una buena serie de elementos que nos permitirán encapsular más nuestro contenido.

• <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:
• <event-sources /> puede ser usado para capturar eventos enviados desde servidor.
• <output /> nos indica que tipo de salida vamos producir con nuestra página.
• <progress /> representa una barra de proceso de una tarea, por ejemplo descargar,…

Los elementos de entrada <input /> dispondrán de una serie de tipos (type) nuevos para indicar los diferentes tipos de elementos de entrada posibles.

• datetime
• datetime-local
• date
• month
• week
• time
• number
• range
• email
• url

La idea es que estos tipos sean poporcionados por el agente de usuario (navegador) en su interface que submitarán el formato definido al servidor.

Desventajas de las versiones 4 y 5 de HTML

Ahora solo voy a nombra 2 problemas de cada version:

HTML 4

• Dificultad en la Entrega: 

Muchos suscriptores poseen filtros anti-spam y sus envíos pueden caer directamente en la bandeja de SPAM, si no cumplen con las condiciones configuradas en los filtros.

• Visualización: 

Los contenidos HTML, tienen más posibilidades de poseer virus o troyanos.
Por este motivo, muchos suscriptores tienen deshabilitada la opción de mostrar imágenes. Esto impedirá a sus lectores ver correctamente sus mensajes, con el diseño
correspondiente.

HTML 5

• Control de streaming: 

  HTML5 no permite acceder a partes en concreto del mismo a través de la manipulación de variables que Flash toma e interpreta via Actionscript. La etiqueta vídeo de HTML5 muestra un archivo como quien enlaza una foto sin posibilidad de manejar el concepto streaming.

• Acceso a cámara y micrófono: 

La etiqueta video de HTML5 sirve para ver videos, no para interactuar, mientras que Flash  lleva una importante ventaja tecnológica al permitir grabar y hacer videoconferencias desde el browser.

DIFERENCIAS DE LAS VERSIONES 4 Y 5 DE HTML

EL GRAN CAMBIO DEL HTML

Las diferencias son muy claras entre estas versiones de Html(HyperText Markup Language) y son:

1. ELEMENTOS CAMBIADOS.
2. ELEMENTOS ELIMINADOS DE LA VERSIÓN ANTERIOR.

Elementos Cambiados

Estos elementos de HTML5 son imcompatibles con HTML4.

• El elemento <a /> sin href ahora creará un enlace al sitio.
• El elemento <address /> es ahora un nuevo concepto de sección.
• El elemento <b /> ahora representa un trozo de texto a ser estilizado sin ninguna importancia.
• Para elementos <label /> el navegador no debe mover el foco desde la etiqueta al control a menos que el comportamiento sea estandar para el interfaz utilizado en la plataforma.
• <menu /> ha sido redefinido para ser usado con los actuales menús.
• El elemento <small /> ahora representa una impresión pequeña.
• El elemento <strong /> definitivamente representa el enfasis puesto en trozo de nuestro texto.

Elementos eliminados de la versión anterior

En la nueva versión, algunos de los elementos anteriormente desaprobados pasan a ser eliminados definivamente.

• acronym
• applet
• basefont
• big
• center
• dir
• font
• frame
• frameset
• isindex
• noframes
• noscript (solo en XHTML5)
• s
• strike
• tt
• u

HTML

Ahora explicaré que es exactamente HTML 5, ya que no es simplemente una nueva versión del lenguaje de marcación HTML, sino una agrupación de diversas especificaciones concernientes a el desarrollo web. Es decir, HTML 5 no se limita sólo a crear nuevas etiquetas, atributos y eliminar aquellas marcas que están en desuso o se utilizan inadecuadamente, sino que va mucho más allá.

Así pues, HTML 5 es una nueva versión de diversas especificaciones, entre las que se encuentran:

• HTML 4
• XHTML 1
• DOM Nivel 2 (DOM = Document Objetc Model)

A la par, HTML 5 pretende proporcionar una plataforma con la que desarrollar aplicaciones web más parecidas a las aplicaciones de escritorio, donde su ejecución dentro de un navegador no implique falta de recursos o facilidades para resolver las necesidades reales de los desarrolladores. Para ello se están creando unas APIs que permitan trabajar con cualquiera de los elementos de la página y realizar acciones que hasta hoy era necesario realizar por medio de tecnologías accesorias.

Estas API, que tendrán que ser implementadas por los distintos navegadores del mercado, se están documentando con minuciosidad, para que todos los Browsers, creados por cualquier compañía las soporten tal cual se han diseñado. Esto se hace con la intención que no ocurra lo que viene sucediendo en el pasado, que cada navegador hace la guerra por su parte y los que acaban pagándolo son los desarrolladores y a la postre los usuarios, que tienen muchas posibilidades de acceder a webs que no son compatibles con su navegador preferido.