Estructura basica de una pagina web en HTML5

Comencemos hablando de semantica, y por su puesto la pregunta obvia es ¿ Que es la semantica ? La semantica no es mas que el significado que les damos a las palabras. Dejando a un lado esto hablemos un poco de la importancia en la semantica de HTML, sucede que el lenguaje esta hecho para que cada “etiqueta HTML” signifique algo, es así que el explorador sabe que pasa cuando encuentra un <img>, sabe que es una imagen, o cuando encuentra un <p> sabe que es un párrafo etc… Lo mismo sucede con los buscadores, es por eso que para un buscador es mas importante un <h1> que un <p>. leer más…

Audio en HTML 5

Una de las cosas mas bellas que tiene HTML5 es el soporte nativo para medios, basicamente hablamos de las etiquetas <audio> y < vídeo >.

Anteriormente para poner un medio en un sitio web teniamos que “empotrarlo” con un <embed> o de plano hacer una pelicula en flash, y empotrarlo en el sitio. Desde hace ya algun tiempo el uso de flash ha caido en desuso, y básicamente lo usabamos para videos, (youtube) pero ahora es muy sencillo reproducir vídeo o audio desde un explorador web con HTML5.

Las diferencias entre ambas etiquetas; audio y vídeo, es mínima, y básicamente es el nombre, asi que en esta ocasión solo veremos el uso de audio, y les recomiendo que ustedes mismo implementen vídeo, después los invito a que me cuenten como les fue, y quien se anime le publicamos su articulo.

Acompañado de este articulo encontraran un videotutorial de como hacer un menú o botonera con sonidos sin usar flash, espero les guste. leer más…