8/11/2019 Comenzando Con Html5

1/4

1

COMENZANDO CON HTML5

Tomado de:

WIKIPEDIA : La enciclopedia librehttp://es.wikipedia.org/wiki/HTML5

Introduccin a HTML5 online: Video youtbe.com:

http://www.youtube.com/watch?v=fUvDw4Pi6Yw

HTML5 es la actualizacin de HTML, el lenguaje en el es creada la Web.

HTML5 tambin es un trmino de marketing para agrupar las nuevas tecnologas

de desarrollo de aplicaciones web: HTM5, CSS3 y capacidades de JavaScript.

Flash en especial ha sido usado en reemplazo de HTML para desarrollar web

apps que superan las habilidades de un navegador: Audio, video, webcams,

micrfonos, datos binarios, animaciones vectoriales, componentes de interfaz

complejos, entre muchas otras cosas. Ahora HTML5 es capaz de hacer esto sin

necesidad de plugins y con una gran compatibilidad entre navegadores.

HTML4 y HTML5 son 100% compatibles entre s. Todo el cdigo que tienes en

HTML normal seguir funcionando sin problemas en HTML5. Para empezar a usar

HTML5 lo nico que tienes que hacer es colocar este DOCTYPE asi:

Es un DOCTYPE mucho ms simplificado que XHTML (cuyas reglas siguen

siendo usadas) y te permite usar todas las habilidades de HTML5 sin que nada de

lo que ya tienes programado deje de funcionar.

Adems HTML5 introduce una serie de elementos estructurales que facilitarntanto el desarrollo de las pginas como tambin el anlisis de las mismas porbuscadores.

http://es.wikipedia.org/wiki/HTML5http://es.wikipedia.org/wiki/HTML5http://es.wikipedia.org/wiki/HTML5

8/11/2019 Comenzando Con Html5

2/4

2

Los elementos de HTML5 que ayudan a estructurar la parte semntica de lapgina son:

header:El elemento header debe utilizarse para marcar la cabecera de unapgina (contiene el logotipo del sitio, una imagen, un cuadro de bsqueda

etc)El elemento header puede estar anidado en otras secciones de la pgina(es decir que no solo se utiliza para la cabecera de la pgina)

nav: El elemento nav representa una parte de una pgina que enlaza aotras pginas o partes dentro de la pgina. Es una seccin con enlaces denavegacin.No todos los grupos de enlaces en una pgina deben ser agrupados en unelemento nav. nicamente las secciones que consisten en bloques de

navegacin ms importantes son adecuados para el elemento denavegacin.

section: El elemento section representa un documento genrico o de laseccin de aplicacin. Una seccin, en este contexto, es una agrupacintemtica de los contenidos. Puede ser un captulo, una seccin de uncaptulo o bsicamente cualquier cosa que incluya su propio encabezado.Una pgina de inicio de un sitio Web puede ser dividida en secciones parauna introduccin, noticias, informacin de contacto etc.

article: El elemento article representa una entrada independiente en unblog, revista, peridico etc.Cuando se anidan los elementos article, los artculos internos estnrelacionados con el contenido del artculo exterior. Por ejemplo, una entradade blog en un sitio que acepta comentarios, el elemento article principalagrupa el artculo propiamente dicho y otro bloque article anidado con loscomentarios de los usuario.

footer:El elemento footer se utiliza para indicar el pi de la pgina.

8/11/2019 Comenzando Con Html5

3/4

3

Un ejemplo de pgina con los elementos semnticos anteriores sera:

Elementos semnticos del HTML5

Encabezado de la pgina

enlaces de navegacin

Seccin 1

Artculo 1

Seccin 2

Pi de pgina

LAS ETIQUETAS NUEVAS IMPORTANTES DE HTML5

Las etiquetas semnticas, a pesar de ser para posicionamiento en buscadores ybuen desarrollo web, no son la razn por la que todo el mundo habla de HTML5.

8/11/2019 Comenzando Con Html5

4/4

4

Video, audio y animacin vectorial estn en la lista deprioridades y en la boca detodas las personas que evangelizan su uso. Especficamente, las nuevas etiquetasson:

Inserta video sin necesidad de plugins. Es muy fcil usarla, pero cada navegador

soporta codecs diferentes de video, lo que hace necesario recodificar un video en

multiples codecs.

Lo mismo que video, pero sin video. Puede usar mltiples formatos, en especialmp3, pero tambin depende del navegador.

Un rea de dibujo vectorial y de bitmaps con Javascript. Es un API de dibujoentero para Javascript.

Una etiqueta, igual a , para insertar dibujos y animaciones vectoriales alestilo de flash. Todo basado en el estndar abierto SVG (Scalable VectorGraphics), derivado de XML.