SlideShare ist ein Scribd-Unternehmen logo
1 von 11
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

Weitere ähnliche Inhalte

Andere mochten auch

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

Andere mochten auch (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
 

Ähnlich wie 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 (2)
Html 5 (2)Html 5 (2)
Html 5 (2)
 
Html 5
Html 5Html 5
Html 5
 
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