SlideShare une entreprise Scribd logo
1  sur  6
Centro de Gestión Administrativa
Instructora: Judy ripe
Aprendiz: Eliana Cardona c
Natalia Beltrán
Ficha 868897
Bogotá
2015
¿Qué es HTML 5 ?
HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión mayor del
lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes
de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida
como HTML5 y una variante XHTMLconocida como sintaxis XHTML5 que
deberá ser servida como XML (XHTML) (application/xhtml+xml).1 Esta es la
primera vez que HTML y XHTML se han desarrollado en paralelo.
Diferencias entre HTML y html5
HTML es base de todo desarrollo WEB. Toda página que
consultemos en Internet seguro tendrá etiquetas HTML, hasta
aquellas donde su contenido está en flash, pues para cargar flash
fue necesario utilizar una etiqueta HTML.En el desarrollo web hay
muchas tecnologías: HTML, CSS, JAVASCRIPT, PYTHON, JAVA, PHP,
APACHE, LINUX, etc.
Aquellas que siempre estarán:
 Plataforma Servidor HTML
 HTML5 tiene como base HTML, pues realmente seguimos
utilizando la mayoría de las etiquetas:
 Html head title body div p ul
li span
 Con la diferencia que ahora gracias a HTML5 tenemos nuevas
etiquetas, nuevos atributos, nuevos API’s.
 Por mencionar nuevas etiquetas:
 Code header footer article
section svg canvas audio
video
Ventajas
 Permite desarrollar aplicaciones que se adaptan fácilmente a distintas resoluciones, tamaños de
pantallas, relaciones de aspecto y orientaciones.
 Permite potenciar las funcionalidades avanzadas, tales como el GPS, la cámara y el acelerómetro,
en dispositivos modernos y brindar una experiencia de usuario adaptada al contexto en una amplia
variedad de dispositivos, incluidos los smartphones y las tabletas electrónicas.
 Las aplicaciones se pueden implementar como aplicaciones web locales y también se pueden ver
en los navegadores.
 Las aplicaciones móviles pueden usar los mismos canales de monetización y distribución que las
aplicaciones nativas.
 Las aplicaciones no están restringidas por los marcos de las ventanas de los navegadores y se
pueden ejecutar en modo de pantalla completa.
 Los usuarios tienen el control completo de los dispositivos y el uso del espacio de la pantalla.
 El código centralizado se puede modificar para que se interconecte con varios dispositivos.
 JavaScript*, HTML e CSS son la columna vertebral de la Internet y las aplicaciones web; por lo
tanto, la migración de herramientas de desarrollo a dispositivos móviles es más sencilla.
 Escribir una única vez código de integración permite a las aplicaciones móviles funcionar de manera
similar en todas las plataformas, independientemente del dispositivo.
Desventajas
 A veces, lleva tiempo tener listas las aplicaciones móviles debido a que los
desarrolladores tienen que escribir código para cada plataforma.
 Los desarrolladores trabajan en lenguajes que no son nativos para las plataformas;
por eso, la eficacia del código depende del motor de traducción. Sucede a
menudo que las técnicas de codificación son ineficientes o que el código es
redundante.
 La diferencia de tiempos de ejecución de las plataformas a menudo causa
complicaciones en el desarrollo de aplicaciones móviles multiplataforma.
 El estándar HTML5 evolucionó en un período relativamente corto y ello produjo
discrepancias en la implementación de atributos CSS, etiquetas HTML y API de
JavaScript. A veces, estas características se comportan de manera diferente en
plataformas distintas. Sin embargo, hay herramientas disponibles para resolver estas
discrepancias.
Ejemplo de html5
<!DOCTYPE HTML>
<html>
<head>
<title>fuente de múltiples elementos</title>
</head>
<body>
<audio id="audioTestElem" autobuffer controls >
<source src="test.m4a">
<source src="test.ogg" type="audio/ogg; codecs=vorbis">
<source src="url">
no audio for you
</audio>
</body>
</HTML>

Contenu connexe

Tendances (17)

Html5
Html5Html5
Html5
 
Emelyn
EmelynEmelyn
Emelyn
 
Prueba parcial Codigos html
Prueba parcial Codigos htmlPrueba parcial Codigos html
Prueba parcial Codigos html
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Lenguaje HTML5
Lenguaje HTML5Lenguaje HTML5
Lenguaje HTML5
 
Colegio particular francisca de las llagas
Colegio particular francisca de las llagasColegio particular francisca de las llagas
Colegio particular francisca de las llagas
 
Web yoyiz
Web yoyizWeb yoyiz
Web yoyiz
 
Html5 (ar)
Html5  (ar)Html5  (ar)
Html5 (ar)
 
Html 5
Html 5Html 5
Html 5
 
Programación web
Programación web Programación web
Programación web
 
Html5
Html5Html5
Html5
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011
 
Lenguajes de Programación para Paginas Web
Lenguajes de Programación para Paginas WebLenguajes de Programación para Paginas Web
Lenguajes de Programación para Paginas Web
 
2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente2.2 lenguajes del lado cliente
2.2 lenguajes del lado cliente
 
Que es html 5
Que es html 5Que es html 5
Que es html 5
 

En vedette

Nubes de palabras sobre las etapas de la historia
Nubes de palabras sobre las etapas de la historiaNubes de palabras sobre las etapas de la historia
Nubes de palabras sobre las etapas de la historia
Mayte Pelegrin Salas
 

En vedette (9)

2
22
2
 
1. ICV Kongres controllera Srbije 2013, Ivana Višnjić, direktor plana i anali...
1. ICV Kongres controllera Srbije 2013, Ivana Višnjić, direktor plana i anali...1. ICV Kongres controllera Srbije 2013, Ivana Višnjić, direktor plana i anali...
1. ICV Kongres controllera Srbije 2013, Ivana Višnjić, direktor plana i anali...
 
UF2
UF2UF2
UF2
 
Kota university day presentation
Kota university day presentationKota university day presentation
Kota university day presentation
 
BioKube - Decentralizirani sistem obrade otpadne vode
BioKube - Decentralizirani sistem obrade otpadne vodeBioKube - Decentralizirani sistem obrade otpadne vode
BioKube - Decentralizirani sistem obrade otpadne vode
 
Food security in oman
Food security in omanFood security in oman
Food security in oman
 
Listino prezzi estate 2015
Listino prezzi estate 2015Listino prezzi estate 2015
Listino prezzi estate 2015
 
Projeto - Módulo II Versão final - Gênero textual - tirinha
Projeto - Módulo II Versão final - Gênero textual - tirinhaProjeto - Módulo II Versão final - Gênero textual - tirinha
Projeto - Módulo II Versão final - Gênero textual - tirinha
 
Nubes de palabras sobre las etapas de la historia
Nubes de palabras sobre las etapas de la historiaNubes de palabras sobre las etapas de la historia
Nubes de palabras sobre las etapas de la historia
 

Similaire à HTML5 (20)

HTML5
HTML5HTML5
HTML5
 
Html5
Html5Html5
Html5
 
Html y html 5
Html y html 5Html y html 5
Html y html 5
 
Html, html5
Html, html5Html, html5
Html, html5
 
HTML5
HTML5HTML5
HTML5
 
Html y html5
Html y html5Html y html5
Html y html5
 
Html
HtmlHtml
Html
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
 
Html
HtmlHtml
Html
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
Html
HtmlHtml
Html
 
Yinller22014
Yinller22014Yinller22014
Yinller22014
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Html y-html5
Html y-html5Html y-html5
Html y-html5
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 

Dernier

Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
perezreyesalberto10
 

Dernier (6)

Presentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la WebPresentacion Seguridad y Privacidad en la Web
Presentacion Seguridad y Privacidad en la Web
 
Biología Células Musculares presentación
Biología Células Musculares presentaciónBiología Células Musculares presentación
Biología Células Musculares presentación
 
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdfAntenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
Antenas, tipos de antenas, diseño basico de una antena y parámetros.pdf
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Emprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC MexicoEmprende en SPA Segundo día CENEC Mexico
Emprende en SPA Segundo día CENEC Mexico
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 

HTML5

  • 1. Centro de Gestión Administrativa Instructora: Judy ripe Aprendiz: Eliana Cardona c Natalia Beltrán Ficha 868897 Bogotá 2015
  • 2. ¿Qué es HTML 5 ? HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión mayor del lenguaje básico de la World Wide Web, HTML. HTML 5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTMLconocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml).1 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
  • 3. Diferencias entre HTML y html5 HTML es base de todo desarrollo WEB. Toda página que consultemos en Internet seguro tendrá etiquetas HTML, hasta aquellas donde su contenido está en flash, pues para cargar flash fue necesario utilizar una etiqueta HTML.En el desarrollo web hay muchas tecnologías: HTML, CSS, JAVASCRIPT, PYTHON, JAVA, PHP, APACHE, LINUX, etc. Aquellas que siempre estarán:  Plataforma Servidor HTML  HTML5 tiene como base HTML, pues realmente seguimos utilizando la mayoría de las etiquetas:  Html head title body div p ul li span  Con la diferencia que ahora gracias a HTML5 tenemos nuevas etiquetas, nuevos atributos, nuevos API’s.  Por mencionar nuevas etiquetas:  Code header footer article section svg canvas audio video
  • 4. Ventajas  Permite desarrollar aplicaciones que se adaptan fácilmente a distintas resoluciones, tamaños de pantallas, relaciones de aspecto y orientaciones.  Permite potenciar las funcionalidades avanzadas, tales como el GPS, la cámara y el acelerómetro, en dispositivos modernos y brindar una experiencia de usuario adaptada al contexto en una amplia variedad de dispositivos, incluidos los smartphones y las tabletas electrónicas.  Las aplicaciones se pueden implementar como aplicaciones web locales y también se pueden ver en los navegadores.  Las aplicaciones móviles pueden usar los mismos canales de monetización y distribución que las aplicaciones nativas.  Las aplicaciones no están restringidas por los marcos de las ventanas de los navegadores y se pueden ejecutar en modo de pantalla completa.  Los usuarios tienen el control completo de los dispositivos y el uso del espacio de la pantalla.  El código centralizado se puede modificar para que se interconecte con varios dispositivos.  JavaScript*, HTML e CSS son la columna vertebral de la Internet y las aplicaciones web; por lo tanto, la migración de herramientas de desarrollo a dispositivos móviles es más sencilla.  Escribir una única vez código de integración permite a las aplicaciones móviles funcionar de manera similar en todas las plataformas, independientemente del dispositivo.
  • 5. Desventajas  A veces, lleva tiempo tener listas las aplicaciones móviles debido a que los desarrolladores tienen que escribir código para cada plataforma.  Los desarrolladores trabajan en lenguajes que no son nativos para las plataformas; por eso, la eficacia del código depende del motor de traducción. Sucede a menudo que las técnicas de codificación son ineficientes o que el código es redundante.  La diferencia de tiempos de ejecución de las plataformas a menudo causa complicaciones en el desarrollo de aplicaciones móviles multiplataforma.  El estándar HTML5 evolucionó en un período relativamente corto y ello produjo discrepancias en la implementación de atributos CSS, etiquetas HTML y API de JavaScript. A veces, estas características se comportan de manera diferente en plataformas distintas. Sin embargo, hay herramientas disponibles para resolver estas discrepancias.
  • 6. Ejemplo de html5 <!DOCTYPE HTML> <html> <head> <title>fuente de múltiples elementos</title> </head> <body> <audio id="audioTestElem" autobuffer controls > <source src="test.m4a"> <source src="test.ogg" type="audio/ogg; codecs=vorbis"> <source src="url"> no audio for you </audio> </body> </HTML>