HTML 5

Descargar como pptx, pdf o txt
Descargar como pptx, pdf o txt
Está en la página 1de 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