SlideShare una empresa de Scribd logo
1 de 5
HTML5 es la quinta versión del lenguaje de
la www y es una colección de estándares
para el diseño y desarrollo de páginas web.
Esta colección representa la manera en que
se presenta la información en el explorador
de internet y la manera de interactuar con
ella.

Ian Hickson

David Hyatt
¿Por qué utilizar HTML5?
HTML5 nos permite una mayor
interacción entre nuestras páginas web y
contenido media (video, audio, entre
otros) así como una mayor facilidad a la
hora de codificar nuestro diseño básico.
Nuevos elementos

Mejoras en el
elemento <canvas>,
capaz de renderizar
en los navegadores
más importantes
(Mozilla, Chrome,
Opera, Safari e IE)
elementos 3D.

Algunos elementos de
HTML 4.01 han quedado
obsoletos, incluyendo
elementos puramente de
presentación,
como <font> y <center>,
cuyos efectos son
manejados por el CSS.
También hay un renovado
énfasis en la importancia
del scripting DOM para el
comportamiento de la
web. 2.0.
Esta nueva versión se basó en el diseño más común de las
páginas web alrededor del mundo para llegar a un estándar de
etiquetas que realicen las mismas tareas de manera más rápida y
eficiente, he aquí algunos ejemplos:

Un nuevo diseño para páginas
web, reflejado en las
etiquetas <header>,<footer>,
<nav>,<section>,<article> las
cuales están destinadas a
remplazar la necesidad de tener
una <div> para cada parte de la
página, y en cambio, tener
etiquetas específicas para ello.

Una etiqueta <canvas> para
manejo de gráficos en internet, sea
para dibujar vectores o hacer
animaciones.

Una nueva tag <audio> para
insertar audio en nuestro sitio
web, remplazando la vieja etiqueta
<embed> con las mismas
cualidades de la etiqueta anterior.

La nueva etiqueta <video> para
insertar un reproductor de video,
mejorando el reproductor antiguo
utilizado por la etiqueta <embed> y
evitándonos la pena de insertar el
código de <object>, así como
eliminar la necesidad del Flash Player
para reproducir videos (lo que nos
lleva a un ahorro en la cantidad de
memoria utilizada).

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Tutorial Slideshare
Tutorial SlideshareTutorial Slideshare
Tutorial Slideshare
 
LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
 
Funciones y Utilidades de Slideshared
Funciones y Utilidades de Slideshared Funciones y Utilidades de Slideshared
Funciones y Utilidades de Slideshared
 
Blog
BlogBlog
Blog
 
Blog
BlogBlog
Blog
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
 
Conceptos de dream weaver
Conceptos de dream weaverConceptos de dream weaver
Conceptos de dream weaver
 
html y html5
html y html5html y html5
html y html5
 
Html
HtmlHtml
Html
 
Investigacion de pagina web
Investigacion de pagina webInvestigacion de pagina web
Investigacion de pagina web
 
Ana karen davila flores 3-A t/m
Ana karen davila flores 3-A t/mAna karen davila flores 3-A t/m
Ana karen davila flores 3-A t/m
 
Html5
Html5Html5
Html5
 
Presentacion19w
Presentacion19wPresentacion19w
Presentacion19w
 
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
 
Slide share expo
Slide share expoSlide share expo
Slide share expo
 
Procedimiento y requerimientos de comunicación par publicar en
Procedimiento y requerimientos de comunicación par publicar enProcedimiento y requerimientos de comunicación par publicar en
Procedimiento y requerimientos de comunicación par publicar en
 
Aplicaciones de la web 2.0
Aplicaciones de la web 2.0 Aplicaciones de la web 2.0
Aplicaciones de la web 2.0
 
Los estándares html
Los estándares htmlLos estándares html
Los estándares html
 
Unidad educativa computer world pureba
Unidad educativa computer world purebaUnidad educativa computer world pureba
Unidad educativa computer world pureba
 
Colegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra htmlColegio nacional nicolas esguerra html
Colegio nacional nicolas esguerra html
 

Destacado

04. imagenes para la invencion de morel
04. imagenes para la invencion de morel04. imagenes para la invencion de morel
04. imagenes para la invencion de morelgonzalocano
 
Las palabras se divierten
Las palabras se diviertenLas palabras se divierten
Las palabras se diviertenomargaldo
 
Relatório pic 2013
Relatório pic 2013Relatório pic 2013
Relatório pic 2013joanabsfilha
 
Outdoor symposium presentation
Outdoor symposium presentation Outdoor symposium presentation
Outdoor symposium presentation Amanda Kruysman
 
Columbia food drive flyer
Columbia food drive flyerColumbia food drive flyer
Columbia food drive flyerClint Hammond
 
Referent d'aula: Taules nformatives
Referent d'aula: Taules nformativesReferent d'aula: Taules nformatives
Referent d'aula: Taules nformativesBeatriu Palau
 
Alejandro publicacion en internet
Alejandro publicacion en internetAlejandro publicacion en internet
Alejandro publicacion en internetRodolfo Cruz
 
Section6 marcusaurelius
Section6 marcusaureliusSection6 marcusaurelius
Section6 marcusaureliusfriedmoon
 
1. введение. основные понятия seo коледа олег
1. введение. основные понятия seo коледа олег1. введение. основные понятия seo коледа олег
1. введение. основные понятия seo коледа олегzaharec
 
To κρατος στην σκεψη των Χομπς και Λοκ
To κρατος στην σκεψη των Χομπς και ΛοκTo κρατος στην σκεψη των Χομπς και Λοκ
To κρατος στην σκεψη των Χομπς και Λοκtherianos
 
Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)
Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)
Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)SignUp.com
 
Apoptosis roohit
Apoptosis roohitApoptosis roohit
Apoptosis roohitroohith
 
「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろう
「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろう「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろう
「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろうAtsushi Harada
 
PSY 150 403 Chapter 9 SLIDES
PSY 150 403 Chapter 9 SLIDESPSY 150 403 Chapter 9 SLIDES
PSY 150 403 Chapter 9 SLIDESkimappel
 

Destacado (20)

Power picarols 13 14
Power picarols 13 14Power picarols 13 14
Power picarols 13 14
 
Etika bisnis
Etika bisnisEtika bisnis
Etika bisnis
 
04. imagenes para la invencion de morel
04. imagenes para la invencion de morel04. imagenes para la invencion de morel
04. imagenes para la invencion de morel
 
Job ad
Job adJob ad
Job ad
 
Las palabras se divierten
Las palabras se diviertenLas palabras se divierten
Las palabras se divierten
 
Masonic jewel
Masonic jewel Masonic jewel
Masonic jewel
 
Relatório pic 2013
Relatório pic 2013Relatório pic 2013
Relatório pic 2013
 
Outdoor symposium presentation
Outdoor symposium presentation Outdoor symposium presentation
Outdoor symposium presentation
 
Columbia food drive flyer
Columbia food drive flyerColumbia food drive flyer
Columbia food drive flyer
 
Referent d'aula: Taules nformatives
Referent d'aula: Taules nformativesReferent d'aula: Taules nformatives
Referent d'aula: Taules nformatives
 
Alejandro publicacion en internet
Alejandro publicacion en internetAlejandro publicacion en internet
Alejandro publicacion en internet
 
Section6 marcusaurelius
Section6 marcusaureliusSection6 marcusaurelius
Section6 marcusaurelius
 
Derechos
DerechosDerechos
Derechos
 
1. введение. основные понятия seo коледа олег
1. введение. основные понятия seo коледа олег1. введение. основные понятия seo коледа олег
1. введение. основные понятия seo коледа олег
 
To κρατος στην σκεψη των Χομπς και Λοκ
To κρατος στην σκεψη των Χομπς και ΛοκTo κρατος στην σκεψη των Χομπς και Λοκ
To κρατος στην σκεψη των Χομπς και Λοκ
 
Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)
Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)
Boosting Fundraiser Turnout & Profits (VolunteerSpot, Oct. '13)
 
Apoptosis roohit
Apoptosis roohitApoptosis roohit
Apoptosis roohit
 
「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろう
「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろう「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろう
「◯◯さんだから仕事をお願いしたい」と頼まれるエンジニアになろう
 
Wdsk proposal-template
Wdsk proposal-templateWdsk proposal-template
Wdsk proposal-template
 
PSY 150 403 Chapter 9 SLIDES
PSY 150 403 Chapter 9 SLIDESPSY 150 403 Chapter 9 SLIDES
PSY 150 403 Chapter 9 SLIDES
 

Similar a Html5 (20)

introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
HTML 5
HTML 5HTML 5
HTML 5
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
HTML 5
HTML 5HTML 5
HTML 5
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Html
HtmlHtml
Html
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
Que es html
Que es htmlQue es html
Que es html
 
Html5
Html5Html5
Html5
 
Html 5
Html 5Html 5
Html 5
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Html
HtmlHtml
Html
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 

Más de Miguel Angel

Más de Miguel Angel (6)

Desarrollo endogeno y tic
Desarrollo endogeno y ticDesarrollo endogeno y tic
Desarrollo endogeno y tic
 
Pilas
PilasPilas
Pilas
 
Colas
ColasColas
Colas
 
Comunicacion
ComunicacionComunicacion
Comunicacion
 
Electrodos cerebrales
Electrodos cerebralesElectrodos cerebrales
Electrodos cerebrales
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 

Último

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 

Último (12)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Html5

  • 1.
  • 2. HTML5 es la quinta versión del lenguaje de la www y es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el explorador de internet y la manera de interactuar con ella. Ian Hickson David Hyatt
  • 3. ¿Por qué utilizar HTML5? HTML5 nos permite una mayor interacción entre nuestras páginas web y contenido media (video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.
  • 4. Nuevos elementos Mejoras en el elemento <canvas>, capaz de renderizar en los navegadores más importantes (Mozilla, Chrome, Opera, Safari e IE) elementos 3D. Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos puramente de presentación, como <font> y <center>, cuyos efectos son manejados por el CSS. También hay un renovado énfasis en la importancia del scripting DOM para el comportamiento de la web. 2.0.
  • 5. Esta nueva versión se basó en el diseño más común de las páginas web alrededor del mundo para llegar a un estándar de etiquetas que realicen las mismas tareas de manera más rápida y eficiente, he aquí algunos ejemplos: Un nuevo diseño para páginas web, reflejado en las etiquetas <header>,<footer>, <nav>,<section>,<article> las cuales están destinadas a remplazar la necesidad de tener una <div> para cada parte de la página, y en cambio, tener etiquetas específicas para ello. Una etiqueta <canvas> para manejo de gráficos en internet, sea para dibujar vectores o hacer animaciones. Una nueva tag <audio> para insertar audio en nuestro sitio web, remplazando la vieja etiqueta <embed> con las mismas cualidades de la etiqueta anterior. La nueva etiqueta <video> para insertar un reproductor de video, mejorando el reproductor antiguo utilizado por la etiqueta <embed> y evitándonos la pena de insertar el código de <object>, así como eliminar la necesidad del Flash Player para reproducir videos (lo que nos lleva a un ahorro en la cantidad de memoria utilizada).