Introducción a HTML5

La llegada de HTML5, aunque aun sea un borrador, abre las puertas a un nuevo mundo web, o a lo que se podría definir como la web del futuro.

Este nuevo concepto en cuanto a la www que nos trae HTML5, se podría resumir en una web más semántica, libre y para todos.

En cuanto al pensamiento muchas veces equivocado, que aun no se debería migrar o empezar a crear nuevos diseños y proyectos pensando en HTML5 y CSS3, para mí personalmente es un pensamiento equivocado, ya que en estos momentos disponemos de varias opciones para poder ver nuestra web en cualquier navegador (incluido IE6), bajo el mandato y estructura de HTML5.


Como introducción y para ir entrando en materia, estos artículos comenzarán explicando de una manera básica y con ejemplos reales la nueva estructura y nuevas etiquetas que tendremos que utilizar semánticamente en nuestra web, sin abusar tanto como en el pasado de la etiqueta, div id, div class o span para separar las distintas zonas de las que se compone cualquier proyecto o página.

Está sección la dividiremos en los siguientes modulos a estudiar y practicar:

1. Nuevas etiquetas HTML5
   
   • Etiquetas de cabecera de HTML5
     
     • Etiquetas DOCTYPE y html
     • Etiquetas de metadatos y scripting
     • Nueva cabecera HTML5
   • Etiquetas de texto semántico
   • Etiquetas de formulario
     
     • Nuevos atributos de formulario
   • Etiquetas de agrupación de contenido
   • Etiquetas de secciones del documento
     
     • Sintaxis nueva estructura en HTML5
   • Etiquetas interactivas
   • Etiquetas de elementos embebidos y multimedia
2. Formularios HTML5
   
   • Introducción
   • Nuevos tipos de input
   • Nuevos elementos
   • Nuevos atributos
3. Etiqueta audio y video
   
   • Introducción
   • Etiqueta audio
     
     • Audio desde HTML
     • Atributos de la etiqueta audio
     • Compatibilidad de formatos de archivo audio
     • Controlando el audio con javascript
     • Uso de eventos de audio con javascript
   • Etiqueta video
     
     • Video desde HTML
     • Atributos de la etiqueta video
     • Compatibilidad de formatos de archivo video
     • Controlando el video con javascript
     • Uso de eventos de video con javascript
4. Etiqueta canvas y WebGL
   
   • Introducción
   • Etiqueta canvas
     
     • Canvas desde HTML
     • Atributos de la etiqueta canvas
     • Canvas desde javascript
     • Eje de coordenadas del elemento canvas
     • Rectángulos con canvas
     • Color de relleno y trazado en canvas
     • Dibujo de rutas en canvas
     • Curvas con arcos en canvas
     • Curvas cuadráticas en canvas
     • Curvas Bezier en canvas
     • Trabajando con imágenes en canvas
   • WebGL
     
     • Introducción
     • Configurar navegadores
     • Primer programa
     • Añadir color
     • Primeros movimientos
     • Figuras 3D
     • Añadir texturas
5. Etiqueta svg
   
   • Svg desde HTML
   • Círculos con svg
   • Rectángulos con svg
   • Líneas con svg
   • Elipses con svg
   • Polígonos con svg
   • Polilinea con svg
   • Degradados con svg
   • Animaciones svg
6. Geolocalización
   
   • Introducción
   • El objeto geolocalización
   • Obtención de la posición actual
   • Visualizando la posición actual
   • Descripción de una posición
7. Drag and Drop
   
   • Introducción
   • ….
8. Almacenamiento web
   
   • Introducción
   • Storage
   • SessionStorage
   • GlobalStorage
   • LocalStorage
9. Archivos
   
   • Introducción
   • Seleccionar archivo usando HTML
   • Usando objetos URL
   • Selección de archivos usando drag and drop
   • Creando tareas de carga
   • Manejando los procesos de carga de archivos
   • Manejando los procesos de carga de archivos asincronamente