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

PPTX
PDF
Articulo
PDF
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
PPT
Elementos de html5 y css3
PDF
Conoce HTML5 y CSS3
PDF
NUEVO!!! EN HTML 5
PDF
Creación de un blog
DOCX
Tarjeta Payoneer y cobros online: Preguntas Frecuentes
Articulo
FELIPE MASSONE MANUAL HTML5 ESPAÑOL
Elementos de html5 y css3
Conoce HTML5 y CSS3
NUEVO!!! EN HTML 5
Creación de un blog
Tarjeta Payoneer y cobros online: Preguntas Frecuentes

Destacado (20)

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

Similar a HTML5 (20)

PDF
Semana 2 Arquitectura web y HTML 5
PDF
Html 5 (2)
PDF
PDF
PDF
Html 5 (1)
PDF
Html 5 (5)
PDF
Html 5 (1)
PDF
Html 5
PDF
Nuevo Html5 ..
PDF
Html5
PDF
PDF
PPTX
Lenguaje HTML5
PDF
265069606-Curso-basico-HTML5.pdf
PDF
Mejorandolaweb guia-html5
PDF
Mejorandolaweb guia-html5
Semana 2 Arquitectura web y HTML 5
Html 5 (2)
Html 5 (1)
Html 5 (5)
Html 5 (1)
Html 5
Nuevo Html5 ..
Html5
Lenguaje HTML5
265069606-Curso-basico-HTML5.pdf
Mejorandolaweb guia-html5
Mejorandolaweb guia-html5
Publicidad

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