Tutoria Html5

HTML 5 es la versión 5 de HTML, el lenguaje estándar de formato para páginas web. Tiene dos variantes HTML 5 y XHTML 5, descendientes de SGML y XMLrespectivamente. A diferencia de sus predecesores, XHTML y HTML 5 se han desarrollado de forma paralela por el W3C.

Se publica su primer borrador de trabajo de HTML 5 el 22 de Enero de 2008 creando multitud de nuevas opciones para desarrollarpáginas web en HTML ( vídeo y audio,webcam y micro, nuevos campos de formulario... ), y a fecha de hoy ( Enero 2011 ), las últimas versiones de los navegadores soportan algunas de las nuevas opciones, pero existen opciones todavía no soportadas por ningún navegador.

En los primeros capítulos del curso aprenderemos las novedades de HTML 5 respecto a su predecesor, pero sin embargo, deberemos tenerconocimientos previos de HTML. Si no conoces HTML es recomendable que empieces por el curso de HTML.

En próximos capítulos tratamos las novedades en otras tecnologías de desarrollo de aplicaciones web ( CSS 3, JavaScript ...) que vienen junto con HTML 5.
La versión 5 de HTML incorpora nuevas etiquetas para incluir vídeos y audio en un documento HTML. Estas nuevas etiquetas nos permitirán tantoincluir un reproductor con un archivo de audio / video, cómo conectarlo con unna fuente de audio o vídeo en directo.
ArribaTabla de contenido
* · Insertar sonido
* · Insertar vídeo
* · El formato de los archivos
* · Navegadores que no soporten HTML 5
ArribaInsertar sonido
Para insertar un sonido se utiliza la etiqueta <audio>, que tiene los siguientes atributos:
autobuffer -Cargar automáticamente el archivo ( true / false )
autoplay - Reproduce automáticamente el archivo
controls - Mostrar controles de reproducción
height - Altura del reproductor en píxels
loop - Reiniciar la reproducción al finalizar
type - Tipo de archivo ( audio/mp3, video/ogg, ... )
src - Url del archivo
width - Ancho del reproductor en píxels
Ejemplo:
 
000  | <audiosrc="mp3/sonido.mp3" type="audio/mp3" controls /> Maximizar   Seleccionar   XML |
 

ArribaInsertar vídeo
Para insertar un archivo de vídeo o enlazar con un vídeo en directo, usaremos <video>, que tiene los mismos atributos que <audio>, veamos un ejemplo:
 
000  | <video src="video/presentacion.ogg" autoplay /> Maximizar   Seleccionar   XML |
 

ArribaEl formato de los archivosInicialmente el estándar HTML 5 recomendaba utilizar los formatos de audio y vídeo OGG Vorbis, sin embargo esto se cambió por presiones pasando a recomendar simplemente que todos los navegadores soporten el mismo formato. Debido a la recomendación inicial de usar OGG, todos los navegadores que han implementado las etiquetas <audio> y <video> lo han hecho soportando OGG, algunos cómoOpera han incluido formatos adicionales.

Pese a que todos los navegadores soportan OGG, HTML 5 permite indicar diferentes archivos con codificaciones alternativas para otros navegadores:
 
000 
001 
002 
003  | <video controls>  
  <source src="video.ogg" type="video/ogg" />  
  <source src="foo.mp4" type="video/mp4" />  
</video>  Maximizar   Seleccionar   XML | 

ArribaNavegadores que no soporten HTML 5
Pese a que si bien en la actualidad no todos los navegadores soportan HTML 5 en su última versión, si que soportan casi todos las etiquetas <video> y <audio>. De todas formas, para las personas que no utilizan la última versión del navegador podemos insertar un reproductor de vídeo Flash cómo alternativa de la siguiente manera:
 
000 001 
002  | <video src="video.ogg" controls>
    <!--  Versión para navegadores sin HTML 5 --> 
</video>   Maximizar   Seleccionar   XML |

La estructura del documento en HTML 5 es algo diferente a la de las versiones anteriores de HTML.

Pues además de las etiquetas para separar las cabeceras del contenido (head y body), contiene nuevas etiquetas para delimitar las...