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

LENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTMLLENGUAJE, HISTORIA Y ETIQUETAS HTML
LENGUAJE, HISTORIA Y ETIQUETAS HTML
juanalejandroloaiza
 
Noe html poer
Noe html poerNoe html poer
Noe html poer
Wolf Dark
 
html y html5
html y html5html y html5
html y html5
jeisson19
 
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
victorabelhernan
 
Unidad educativa computer world pureba
Unidad educativa computer world purebaUnidad educativa computer world pureba
Unidad educativa computer world pureba
felipe1614
 

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 morel
gonzalocano
 
Las palabras se divierten
Las palabras se diviertenLas palabras se divierten
Las palabras se divierten
omargaldo
 
Relatório pic 2013
Relatório pic 2013Relatório pic 2013
Relatório pic 2013
joanabsfilha
 
Columbia food drive flyer
Columbia food drive flyerColumbia food drive flyer
Columbia food drive flyer
Clint Hammond
 
Alejandro publicacion en internet
Alejandro publicacion en internetAlejandro publicacion en internet
Alejandro publicacion en internet
Rodolfo Cruz
 
Section6 marcusaurelius
Section6 marcusaureliusSection6 marcusaurelius
Section6 marcusaurelius
friedmoon
 
1. введение. основные понятия seo коледа олег
1. введение. основные понятия seo коледа олег1. введение. основные понятия seo коледа олег
1. введение. основные понятия seo коледа олег
zaharec
 
PSY 150 403 Chapter 9 SLIDES
PSY 150 403 Chapter 9 SLIDESPSY 150 403 Chapter 9 SLIDES
PSY 150 403 Chapter 9 SLIDES
kimappel
 

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 (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

Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
Yanitza28
 
Chat GPT para la educación Latinoamerica
Chat GPT para la educación LatinoamericaChat GPT para la educación Latinoamerica
Chat GPT para la educación Latinoamerica
EdwinGarca59
 
microsoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamtemicrosoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamte
2024020140
 

Último (20)

De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptx
 
Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
 
Introduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxIntroduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptx
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
Chat GPT para la educación Latinoamerica
Chat GPT para la educación LatinoamericaChat GPT para la educación Latinoamerica
Chat GPT para la educación Latinoamerica
 
microsoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamtemicrosoft word manuales para todos tipos de estudiamte
microsoft word manuales para todos tipos de estudiamte
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - Estrada
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de Datos
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el tema
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
el uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptxel uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptx
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).
 

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