Que es HTML 5 ?
HTML 5 ( HyperText Markup Language version 5 ) es la quinta versión del estándar HTML, una revisión importante para el lenguaje de la World Wide Web ( www ). HTML 5 incluye nuevos elementos importantes que han sido creados para el desarrollo de aplicaciones web.
HTML5 es capaz de hacer cosas que antes no se podían hacer sin la utilización de Flash, ahora este nuevo estándar ayudara mucho a los diseñadores y desarrolladores a que sus proyectos sean mas flexibles y mas accesibles a los usuarios.Por eso en este curso presentamos las nuevas características de este estándar que ha dado mucho de que hablar.
Elementos Nuevos de HTML 5
<!DOCTYPE html> : el doctype es ahora mucho mas simplificado que el doctype de la pasada versión
y te permite usar todas las características de HTML5 sin que nada de lo que ya tienes programado deje de funcionar.
<header>: esta etiqueta esta diseñada para no tener que crear div innecesario y poder crear una estructura mas semantica.
<hgroup>: esta ha sido creada para aquellos que necesitan tener múltiples títulos permitiendo tener un h1,h2,h3,etc dentro de ella.
<nav>: esta ha sido diseñada para colocar la barra de navegación donde tendrás esos enlaces que necesitas.
<section>: esta se utiliza para definir una area de contenido dentro de tu website, por ejemplo este post esta creado dentro de esta etiqueta.
<article>: estas están dentro de la etiqueta <section> para especificar contenido independientes.
<aside>: la etiqueta aside es usada para definir la barra lateral que se encuentra en la parte derecha o izquierda de la web, esa barra donde puede ir colocado los iconos de tus redes sociales o tus anuncios.
<footer>: el footer es para definir el pie de pagina que se utiliza para colocar el famoso copyright y algunas otras cosas mas. A continuación tienes un ejemplo claro de como esta organizado por jerarquía los nuevos elementos de HTML5.
Estructura de una pagina web con HTML5
Otros elementos importantes
La Etiqueta <video>
Inserta video sin necesidad de plugins. Es muy fácil usarla, pero cada navegador soporta codecs dife-rentes de video, lo que hace necesario recodificar un video en múltiples codecs. Visualice la siguiente imagen donde le muestra un ejemplo creado utilizando la etiqueta <video>.
La Etiqueta <audio>
Para insertar audio a nuestra pagina web utilizando los elementos de HTML5 se realiza de la siguiente manera como la imagen nos presenta.
No hay comentarios:
Publicar un comentario