introducción a html5

3
Introducción a HTML5 HTML5 es la quinta revisión del lenguaje 'básico' de World Wide Web. Ésta versión está en modo 'BETA', pero poco a poco va tomando forma y cada vez se van añadiendo nuevas funcionalidad para el manejo de la misma. HTML5 reemplaza la actual versión de HTML, (X)HTML gracias a sus geniales mejoras. Esta versión toma en cuenta a las nuevas redes sociales: Facebook y Twitter con todo su funcionamiento, es decir, las integra a sus funcionalidades para hacerla global y además mucho más manejable. Nueva sintaxis, mejorada Programadores antes programaban con miles de <div class=''>... ¿Qué es lo que pasaba? Que al haber tantos DIV se jodía la estructura y además se veía... algo 'feo'. HTML5 implementa nueva estructura para al aprendizaje y funcionamiento de las mismas. Un ejemplo claro sería con footer (pié de página): Antes para poder agregar un pié de página debería colocarse <div class='footer'>, ahora simplemente agregando <footer> ya tenemos un hermoso pié de página adaptado a HTML5. <section></section> | Es utilizada para crear una sección global en el documento. Si colocamos <h1> - <h6> podemos crear una mejorar jerarquía de contenido dentro de la web. EJ: Las páginas de un libro, las podemos separar con varias secciones dentro para separar lo que es el contenido, el epígrafe, y demás. <article></article> | Es utilizada para crear artículos dentro de nuestra página. Por ejemplo, una noticia de una página deportiva o un blog con tópicos generales: La noticia de un blog, un comentario hecho por un usuario, etc. <aside></aside> | Es utilizada para agregar contenido que no tiene nada que ver con lo que se está hablando. Puede ser utilizado para efectos tipográficos, barras laterales, elementos publicitarios, paragrupos de elementos de la navegación, u otro contenido que seconsidere separado del contenido principal de la página. <header></header> | Sirve para utilizar un grupo que indica a representar un grupo de artículos introductorios o de navegación. Ejemplo: Logo, navegación, barra de publicidad y demás. <nav></nav> | Ésta nueva etiqueta se utiliza para agregar una navegación en la página. Ya sea: Inicio, Acerca de nosotros, Foro, Chat, etc. Además del header, también se puede utilizar en el footer para crear enlaces a páginas dentro del sitio. <footer></footer> | Ésta etiqueta es algo 'clásica' pero nueva. Antes para utilizarla teníamos que colocar <div class='footer'>, ahora simplemente con

Upload: erick-juarez

Post on 17-Sep-2015

213 views

Category:

Documents


0 download

DESCRIPTION

Introducción a HTML5

TRANSCRIPT

Introduccin a HTML5HTML5 es la quinta revisin del lenguaje 'bsico' de World Wide Web. sta versin est en modo 'BETA', pero poco a poco va tomando forma y cada vez se van aadiendo nuevas funcionalidad para el manejo de la misma. HTML5 reemplaza la actual versin de HTML, (X)HTML gracias a sus geniales mejoras.Esta versin toma en cuenta a las nuevas redes sociales: Facebook y Twitter con todo su funcionamiento, es decir, las integra a sus funcionalidades para hacerla global y adems mucho ms manejable.Nueva sintaxis, mejoradaProgramadores antes programaban con miles de ... Qu es lo que pasaba? Que al haber tantos DIV se joda la estructura y adems se vea... algo 'feo'. HTML5 implementa nueva estructura para al aprendizaje y funcionamiento de las mismas. Un ejemplo claro sera con footer (pi de pgina): Antes para poder agregar un pi de pgina debera colocarse , ahora simplemente agregando ya tenemos un hermoso pi de pgina adaptado a HTML5. | Es utilizada para crear una seccin global en el documento. Si colocamos - podemos crear una mejorar jerarqua de contenido dentro de la web. EJ: Las pginas de un libro, las podemos separar con varias secciones dentro para separar lo que es el contenido, el epgrafe, y dems. | Es utilizada para crear artculos dentro de nuestra pgina. Por ejemplo, una noticia de una pgina deportiva o un blog con tpicos generales: La noticia de un blog, un comentario hecho por un usuario, etc. | Es utilizada para agregar contenido que no tiene nada que ver con lo que se est hablando. Puede ser utilizado para efectos tipogrficos, barras laterales, elementos publicitarios, paragrupos de elementos de la navegacin, u otro contenido que seconsidere separado del contenido principal de la pgina. | Sirve para utilizar un grupo que indica a representar un grupo de artculos introductorios o de navegacin. Ejemplo: Logo, navegacin, barra de publicidad y dems. | sta nueva etiqueta se utiliza para agregar una navegacin en la pgina. Ya sea: Inicio, Acerca de nosotros, Foro, Chat, etc. Adems del header, tambin se puede utilizar en el footer para crear enlaces a pginas dentro del sitio. | sta etiqueta es algo 'clsica' pero nueva. Antes para utilizarla tenamos que colocar , ahora simplemente con ya tenemos un lindo pi de pgina y sin tantos DIV. Ac podramos colocar el Copyright de la web, el nombre del creador, etc.Diferencias entre HTML y HTML5Antes para agregar un header haba que colocar: ahora solamente colocamos .Antes para agregar una navegacin haba que colocar: ahora solamente colocamos .Antes para agregar un artculo y una seccin haba que colocar: y ahora solamente colocamos: y .Antes para agregar contenido que no tiene nada que ver con la pgina haba que colocar: ahora solamente colocamos: . Y por ltimo, antes para agregar un pi de pgina haba que colocar: ahora solamente colocamos: >footer