Scribd
Cargar
109 vistas

HTML 5

HTML5 es la quinta revisión del lenguaje HTML que añade elementos semánticos para mejorar la estructura y accesibilidad de las páginas web. Algunas novedades de HTML5 incluyen mejoras en formularios, audio, video, canvas y almacenamiento local de datos. Se recomienda utilizar HTML5 en lugar de versiones anteriores porque permite separar el contenido de la presentación, simplifica el código y hace las páginas compatibles con más dispositivos.

Cargado por

yurifox
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
109 vistas

HTML 5

HTML5 es la quinta revisión del lenguaje HTML que añade elementos semánticos para mejorar la estructura y accesibilidad de las páginas web. Algunas novedades de HTML5 incluyen mejoras en formularios, audio, video, canvas y almacenamiento local de datos. Se recomienda utilizar HTML5 en lugar de versiones anteriores porque permite separar el contenido de la presentación, simplifica el código y hace las páginas compatibles con más dispositivos.

Cargado por

yurifox
Derechos de autor
© Attribution Non-Commercial (BY-NC)
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 8

Qu es HTML5 y sus novedades? Porqu utilizar HTML5 y CSS3?

Ejemplos prcticos con HTML

Qu es HTML5?
HTML 5 es la quinta revisin ms importante que se hace al lenguaje HTML y cuya intencin es eliminar el abuso excesivo de los famosos DIVS.

HTML5 comienzan aadiendo semntica y accesibilidad implcitas,


especificando cada detalle y borrando cualquier ambigedad en el contenido El HTML5 nos brinda varios elementos que perfeccionan esta estructuracin estableciendo qu es cada seccin, eliminando as DIV innecesarios. Este cambio en la semntica hace que la estructura de la web sea ms coherente y fcil de entender por otras personas y los navegadores podrn darle ms importancia a segn qu secciones de la web, facilitndole adems la tarea a los buscadores, as como cualquier otra aplicacin que interprete sitios web.

Estructura comparativa entre HTML5 y HTML tradicional

Un ejemplo de pgina aadiendo estos elementos semnticos sera:


<!DOCTYPE html> <html lang="es"> <head> <title>Elementos semnticos del HTML5</title> </head> <body> <header> <h1>Encabezado de la pgina</h1> </header> <nav> <p>enlaces de navegacin</p> </nav>

<section> <p>Seccin 1</p> </section>


<section> <p>Seccin 2</p> </section> <aside> <p>Publicidad</p> </aside>

<footer> <p>Pi de pgina</p> </footer>


</body> </html>

Novedades de HTML5
Mejora en diseo y validacin de Formularios. Incorporacin de <Audio> y <Video> Incrustacin de Flash con <embed> Elemento <canvas> el cual es usado por Google Maps y permitir a

los desarrolladores crear aplicaciones o dibujar o generar grficos en su


interior. Aplicaciones Offline que funcionen sin conexin a internet. Geolocalizacin, poder ubicar en forma inmediata. Almacenamiento de Datos en BD locales con tablas y registros del lado del cliente.

Porqu utilizar HTML5 y no las versiones anteriores?


Lograr que la informacin, y la forma de presentarla estn lo ms separadas posible. Resumir, simplificar y hacer ms sencillo el cdigo utilizado. Un lenguaje que haga las pginas compatibles con todos los navegadores web, incluyendo los de los telfonos mviles

y otros dispositivos modernos usados en la actualidad para


navegar en Internet. Y, principalmente; simular aplicaciones tradicionales de escritorio a nivel web, como por ejemplo los ERPs Webs.

EJEMPLO PRACTICO CON HTML5 http://pritesh.info/vivid-photo-2/ PAGINAS WEB FLUIDAS HTML5


http://clearleft.com/ http://coding.smashingmagazine.com/2009/06/09/smartfixes-for-fluid-layouts/ http://andreagandino.com/

También podría gustarte