SlideShare una empresa de Scribd logo
1




                                        HTML5
¿Qué es el HTML5?
HTML5 SERÁ EL NUEVO ESTÁNDAR DE HTML.
2
        ¿Qué es el HTML5?



           La versión anterior de HTML, HTML 4.01, se produjo en 1999. La web ha
            cambiado mucho desde entonces.


           HTML5 es todavía un trabajo en progreso. Sin embargo, los principales
            navegadores apoyan muchos de los elementos de HTML5.




HTML5                                      Avance Tenologico 3                      Angel Hidalgo
3
        ¿Cómo resultó HTML5?




           HTML5 es una colaboración entre el Consorcio World Wide Web (W3C) y
            la Red de hipertexto Aplicación de Tecnología del Grupo de Trabajo
            (WHATWG).




HTML5                                    Avance Tenologico 3                      Angel Hidalgo
4
        Reglas para HTML5


           Algunas reglas para HTML5 se establecieron:
               Las nuevas características se basa en HTML, CSS, DOM y JavaScript
               Reducir la necesidad de plugins externos (como Flash)
               Mejor manejo de errores
               Más marcado para reemplazar secuencias de comandos
               HTML5 debe ser independiente del dispositivo
               El proceso de desarrollo debe ser visible para el público




HTML5                                           Avance Tenologico 3                 Angel Hidalgo
5
        El HTML5 <! DOCTYPE>



           En HTML5 hay una sola declaración, y es muy simple:
               <!DOCTYPE HTML>
           A diferencia de HTML4.01
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">




HTML5                                        Avance Tenologico 3       Angel Hidalgo
6
        Documento HTML5 mínima




           A continuación se muestra un documento HTML5 simple, con el mínimo
            de etiquetas necesarias:




HTML5                                    Avance Tenologico 3                     Angel Hidalgo
7


        <!DOCTYPE html>
        <html>
        <head>
        <title>Título del documento</title>
        </head>

        <body>
        El contenido del documento......
        </body>

        </html>




HTML5                                         Avance Tenologico 3   Angel Hidalgo
8
        HTML5 Nuevas funciones



           Algunas de las nuevas características más interesantes de HTML5:
             1.   El elemento <canvas>
             2.   Los elementos <video> y <audio>
             3.   Soporte para almacenamiento local.
             4.   Nuevos elementos de contenido específico.
             5.   Los nuevos controles de formulario.




HTML5                                            Avance Tenologico 3           Angel Hidalgo
9
        Soporte del navegador para HTML5



           HTML5 todavía no es un estándar oficial, y no los navegadores tienen
            soporte HTML5 completo.




HTML5                                      Avance Tenologico 3                     Angel Hidalgo
10
        Nuevos elementos en HTML5


           El Internet ha cambiado mucho desde HTML 4.01 convirtió en un estándar
            en 1999.
           Nuevos elementos semánticos / Estructural
           Nuevos Elementos de Medios
           El elemento nuevo <canvas>
           Nuevos elementos de formulario




HTML5                                     Avance Tenologico 3                        Angel Hidalgo
11
        Elementos eliminados


        Los siguientes elementos HTML 4.01 se quitan de HTML5:
           <acronym>                                          <dir>
           <applet>                                           <font>
           <basefont>                                         <frame>
           <big>                                              <frameset>
           <center>                                           <NOFRAMES>
                                                               <strike>
                                                               <tt>

HTML5                                     Avance Tenologico 3                Angel Hidalgo

Más contenido relacionado

Destacado

Pritchard
PritchardPritchard
Pritchard
valestephania
 
Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...
Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...
Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...
Jose Santiago Hernandez Quintna
 
Cómo proyectar tu carrera profesional en el mercado freelance
Cómo proyectar tu carrera profesional en el mercado freelanceCómo proyectar tu carrera profesional en el mercado freelance
Cómo proyectar tu carrera profesional en el mercado freelance
Karen Quintero Castañeda
 
La galería (autoguardado)
La galería (autoguardado)La galería (autoguardado)
La galería (autoguardado)
Ezequiel Lz
 
4 aplicaciones útiles para la gestión de tareas
4 aplicaciones útiles para la gestión de tareas4 aplicaciones útiles para la gestión de tareas
4 aplicaciones útiles para la gestión de tareas
Karen Quintero Castañeda
 
Trabajar en IT: ideas y opciones para comenzar
Trabajar en IT: ideas y opciones para comenzarTrabajar en IT: ideas y opciones para comenzar
Trabajar en IT: ideas y opciones para comenzar
Karen Quintero Castañeda
 
Prae 2011 I.E CASD ARMENIA QUINDIO COLOMBIA
Prae 2011 I.E CASD ARMENIA QUINDIO COLOMBIAPrae 2011 I.E CASD ARMENIA QUINDIO COLOMBIA
Prae 2011 I.E CASD ARMENIA QUINDIO COLOMBIA
Henry Gallego
 
Espacio
EspacioEspacio
Espacio
Omar Vega
 
50 aniversario derechos_ninos
50 aniversario derechos_ninos50 aniversario derechos_ninos
50 aniversario derechos_ninos
juan garcia juarez
 
Como reconocer a un buen community manager de un oportunista
Como reconocer a un buen community manager de un oportunistaComo reconocer a un buen community manager de un oportunista
Como reconocer a un buen community manager de un oportunista
María José Sánchez Valenzuela
 
Ecosistema de emprendimiento y oficinas de vinculación
Ecosistema de emprendimiento y oficinas de vinculaciónEcosistema de emprendimiento y oficinas de vinculación
Ecosistema de emprendimiento y oficinas de vinculación
Javier Gramajo López
 
La enfermedad del alzheimer
La enfermedad del alzheimerLa enfermedad del alzheimer
La enfermedad del alzheimer
Dimas Dau
 
Trabajo final de ciencias políticas
Trabajo final de ciencias políticasTrabajo final de ciencias políticas
Trabajo final de ciencias políticas
Juan Andres Barajas Florez
 
Los pensaientos positivos
Los pensaientos positivosLos pensaientos positivos
Los pensaientos positivos
Wilber Tito Aquehua
 
Borrador pleno (07) 08 abril-2014 2ª parte
Borrador pleno (07) 08 abril-2014 2ª parteBorrador pleno (07) 08 abril-2014 2ª parte
Borrador pleno (07) 08 abril-2014 2ª parte
UPyD Parla
 
Examen slideshare luis_ayala
Examen slideshare luis_ayalaExamen slideshare luis_ayala
Examen slideshare luis_ayala
Luis Eduardo
 
Presentación yessicaabello redes locales
Presentación yessicaabello redes localesPresentación yessicaabello redes locales
Presentación yessicaabello redes locales
Yessica Sierra
 
Reputation Level (PDF)
Reputation Level (PDF)Reputation Level (PDF)
Reputation Level (PDF)
Eric De La Torre
 
Actividades interactivas
Actividades interactivasActividades interactivas
Actividades interactivas
formador_ocup_10
 
Abuelosy nietos
Abuelosy nietosAbuelosy nietos
Abuelosy nietos
Marisag4
 

Destacado (20)

Pritchard
PritchardPritchard
Pritchard
 
Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...
Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...
Presidente del comite de desarrolo del cuadro social- Funciones Y Responsabil...
 
Cómo proyectar tu carrera profesional en el mercado freelance
Cómo proyectar tu carrera profesional en el mercado freelanceCómo proyectar tu carrera profesional en el mercado freelance
Cómo proyectar tu carrera profesional en el mercado freelance
 
La galería (autoguardado)
La galería (autoguardado)La galería (autoguardado)
La galería (autoguardado)
 
4 aplicaciones útiles para la gestión de tareas
4 aplicaciones útiles para la gestión de tareas4 aplicaciones útiles para la gestión de tareas
4 aplicaciones útiles para la gestión de tareas
 
Trabajar en IT: ideas y opciones para comenzar
Trabajar en IT: ideas y opciones para comenzarTrabajar en IT: ideas y opciones para comenzar
Trabajar en IT: ideas y opciones para comenzar
 
Prae 2011 I.E CASD ARMENIA QUINDIO COLOMBIA
Prae 2011 I.E CASD ARMENIA QUINDIO COLOMBIAPrae 2011 I.E CASD ARMENIA QUINDIO COLOMBIA
Prae 2011 I.E CASD ARMENIA QUINDIO COLOMBIA
 
Espacio
EspacioEspacio
Espacio
 
50 aniversario derechos_ninos
50 aniversario derechos_ninos50 aniversario derechos_ninos
50 aniversario derechos_ninos
 
Como reconocer a un buen community manager de un oportunista
Como reconocer a un buen community manager de un oportunistaComo reconocer a un buen community manager de un oportunista
Como reconocer a un buen community manager de un oportunista
 
Ecosistema de emprendimiento y oficinas de vinculación
Ecosistema de emprendimiento y oficinas de vinculaciónEcosistema de emprendimiento y oficinas de vinculación
Ecosistema de emprendimiento y oficinas de vinculación
 
La enfermedad del alzheimer
La enfermedad del alzheimerLa enfermedad del alzheimer
La enfermedad del alzheimer
 
Trabajo final de ciencias políticas
Trabajo final de ciencias políticasTrabajo final de ciencias políticas
Trabajo final de ciencias políticas
 
Los pensaientos positivos
Los pensaientos positivosLos pensaientos positivos
Los pensaientos positivos
 
Borrador pleno (07) 08 abril-2014 2ª parte
Borrador pleno (07) 08 abril-2014 2ª parteBorrador pleno (07) 08 abril-2014 2ª parte
Borrador pleno (07) 08 abril-2014 2ª parte
 
Examen slideshare luis_ayala
Examen slideshare luis_ayalaExamen slideshare luis_ayala
Examen slideshare luis_ayala
 
Presentación yessicaabello redes locales
Presentación yessicaabello redes localesPresentación yessicaabello redes locales
Presentación yessicaabello redes locales
 
Reputation Level (PDF)
Reputation Level (PDF)Reputation Level (PDF)
Reputation Level (PDF)
 
Actividades interactivas
Actividades interactivasActividades interactivas
Actividades interactivas
 
Abuelosy nietos
Abuelosy nietosAbuelosy nietos
Abuelosy nietos
 

Similar a HTML5

Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
Richard Eliseo Mendoza Gafaro
 
Html 5
Html 5Html 5
Html 5
Html 5Html 5
Html 5 (2)
Html 5 (2)Html 5 (2)
Html 5 (2)
DenisseChacaguasay
 
Html 5
Html 5Html 5
Html 5 (5)
Html 5 (5)Html 5 (5)
Html 5 (5)
JoelMorales84
 
Html 5
Html 5Html 5
Html 5
LENINMATEO1
 
Html 5
Html 5Html 5
Html 5 (1)
Html 5 (1)Html 5 (1)
Html 5 (1)
paulcuenca9
 
Html 5 (1)
Html 5 (1)Html 5 (1)
Html 5 (1)
MauricioPumalpa
 
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
icreativasoft
 
Html5
Html5Html5
Html5
victorgm7
 
HTML5
HTML5HTML5
Html5
Html5Html5
Html5
Html5Html5
Html5
Html5Html5
Lenguaje HTML5
Lenguaje HTML5Lenguaje HTML5
Lenguaje HTML5
Ale Duclos
 
265069606-Curso-basico-HTML5.pdf
265069606-Curso-basico-HTML5.pdf265069606-Curso-basico-HTML5.pdf
265069606-Curso-basico-HTML5.pdf
YolitaGaona
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
Carmen Anacaona Anacona Sterling
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
Zavl Litro
 

Similar a HTML5 (20)

Semana 2 Arquitectura web y HTML 5
Semana 2   Arquitectura web y HTML 5Semana 2   Arquitectura web y HTML 5
Semana 2 Arquitectura web y HTML 5
 
Html 5
Html 5Html 5
Html 5
 
Html 5
Html 5Html 5
Html 5
 
Html 5 (2)
Html 5 (2)Html 5 (2)
Html 5 (2)
 
Html 5
Html 5Html 5
Html 5
 
Html 5 (5)
Html 5 (5)Html 5 (5)
Html 5 (5)
 
Html 5
Html 5Html 5
Html 5
 
Html 5
Html 5Html 5
Html 5
 
Html 5 (1)
Html 5 (1)Html 5 (1)
Html 5 (1)
 
Html 5 (1)
Html 5 (1)Html 5 (1)
Html 5 (1)
 
Nuevo Html5 ..
Nuevo Html5 ..Nuevo Html5 ..
Nuevo Html5 ..
 
Html5
Html5Html5
Html5
 
HTML5
HTML5HTML5
HTML5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Lenguaje HTML5
Lenguaje HTML5Lenguaje HTML5
Lenguaje HTML5
 
265069606-Curso-basico-HTML5.pdf
265069606-Curso-basico-HTML5.pdf265069606-Curso-basico-HTML5.pdf
265069606-Curso-basico-HTML5.pdf
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
 
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
 

HTML5

  • 1. 1 HTML5 ¿Qué es el HTML5? HTML5 SERÁ EL NUEVO ESTÁNDAR DE HTML.
  • 2. 2 ¿Qué es el HTML5?  La versión anterior de HTML, HTML 4.01, se produjo en 1999. La web ha cambiado mucho desde entonces.  HTML5 es todavía un trabajo en progreso. Sin embargo, los principales navegadores apoyan muchos de los elementos de HTML5. HTML5 Avance Tenologico 3 Angel Hidalgo
  • 3. 3 ¿Cómo resultó HTML5?  HTML5 es una colaboración entre el Consorcio World Wide Web (W3C) y la Red de hipertexto Aplicación de Tecnología del Grupo de Trabajo (WHATWG). HTML5 Avance Tenologico 3 Angel Hidalgo
  • 4. 4 Reglas para HTML5  Algunas reglas para HTML5 se establecieron:  Las nuevas características se basa en HTML, CSS, DOM y JavaScript  Reducir la necesidad de plugins externos (como Flash)  Mejor manejo de errores  Más marcado para reemplazar secuencias de comandos  HTML5 debe ser independiente del dispositivo  El proceso de desarrollo debe ser visible para el público HTML5 Avance Tenologico 3 Angel Hidalgo
  • 5. 5 El HTML5 <! DOCTYPE>  En HTML5 hay una sola declaración, y es muy simple:  <!DOCTYPE HTML>  A diferencia de HTML4.01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> HTML5 Avance Tenologico 3 Angel Hidalgo
  • 6. 6 Documento HTML5 mínima  A continuación se muestra un documento HTML5 simple, con el mínimo de etiquetas necesarias: HTML5 Avance Tenologico 3 Angel Hidalgo
  • 7. 7 <!DOCTYPE html> <html> <head> <title>Título del documento</title> </head> <body> El contenido del documento...... </body> </html> HTML5 Avance Tenologico 3 Angel Hidalgo
  • 8. 8 HTML5 Nuevas funciones  Algunas de las nuevas características más interesantes de HTML5: 1. El elemento <canvas> 2. Los elementos <video> y <audio> 3. Soporte para almacenamiento local. 4. Nuevos elementos de contenido específico. 5. Los nuevos controles de formulario. HTML5 Avance Tenologico 3 Angel Hidalgo
  • 9. 9 Soporte del navegador para HTML5  HTML5 todavía no es un estándar oficial, y no los navegadores tienen soporte HTML5 completo. HTML5 Avance Tenologico 3 Angel Hidalgo
  • 10. 10 Nuevos elementos en HTML5  El Internet ha cambiado mucho desde HTML 4.01 convirtió en un estándar en 1999.  Nuevos elementos semánticos / Estructural  Nuevos Elementos de Medios  El elemento nuevo <canvas>  Nuevos elementos de formulario HTML5 Avance Tenologico 3 Angel Hidalgo
  • 11. 11 Elementos eliminados Los siguientes elementos HTML 4.01 se quitan de HTML5:  <acronym>  <dir>  <applet>  <font>  <basefont>  <frame>  <big>  <frameset>  <center>  <NOFRAMES>  <strike>  <tt> HTML5 Avance Tenologico 3 Angel Hidalgo