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 Introducción a HTML5: Nuevas etiquetas y funcionalidades (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

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
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
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 

Último (13)

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
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
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 

Introducción a HTML5: Nuevas etiquetas y funcionalidades

  • 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).