SlideShare una empresa de Scribd logo
1 de 13
HTML 5
Es un lenguaje markup usado para
estructurar y presentar el contenido para
la web. Es uno de los aspectos
fundamentales para el funcionamiento de
los sitios.
Es la quinta revisión del
estándar que fue creado en
1990. A fines del año pasado,
la W3C la recomendó para
transformarse en el estándar a
ser usado en el desarrollo de
proyectos venideros. Con
HTML5, tenemos otras
posibilidades para explotar
usando menos recursos. Con
HTML5, también entra en
desuso el formato XHTML,
dado que ya no sería
necesaria su implementación.
HTML5 está
relacionado también
con la entrada en
decadencia del viejo
estándar HTML 4,
que se combinaba
con otros lenguajes
para producir los
sitios que podemos
ver hoy en día.
* Nuevas características de las imágenes
En las versiones anteriores a esta
nueva versión sólo se podía insertar
una imagen en el código, pero no se
podía interactuar con ella o
modificarla directamente. HTML5
permite que los diseñadores de
páginas web “rendericen” las
imágenes, con lo cual se pueden
crear imágenes dinámicas sin
editarlas anteriormente a la
introducción de estas en la página.
* VIDEOS SIN INSTALAR OTROS PROGRAMAS
Para que una página web pudiera
mostrar al usuario un video, este tenía
que instalar un programa en su
computadora, es decir, para ver un video
se tenía que tener un programa como
Adobe Flash Player o Microsoft
Silverlight. HTML5 pretende que esto
quede en el pasado y que para ver video
solo se necesite tener un navegador que
soporte HTML5, sin instalar ninguna otra
cosa, aunque todavía se está en busca
de un codec de video estándar para
lograr esto.
* Trabajar off-line
La computación en nube nos permite
usar programas que no tienen que estar
instalados en la computadora para
utilizarlos. Hay aplicaciones que
funcionan desde Internet para editar
textos como se podría hacer con Word,
para editar imágenes como en
Photoshop y otras posibilidades. El
problema de esto es que si no se
dispone de una conexión a Internet
entonces no se puede trabajar; con
HTML5 se podrá guardar la aplicación
para trabajar off-line.
* La descarga de páginas web más rápida
Permite la aparición de elementos
en segundo plano, es decir, los
elementos más importantes o los
que menos tardan en cargarse se
pueden presentar al usuario con sus
características completas en primer
plano, mientras los otros se dejan
en segundo término para irse
cargando mientras el usuario ya
puede leer o interactuar con los más
importantes.
DESVENTAJAS DE
HTML 5
•Formato de vídeo
estándar
Por el momento no hay un
formato de vídeo
compatible con todos los
navegadores web y
cuando a una plataforma
se suben 24 horas de
vídeo cada minuto es
importante minimizar el
número de formatos a
soportar.
•Control de
streaming
El visor de vídeo en Flash
permite acceder a partes en
concreto del mismo a través
de la manipulación de
variables que Flash toma e
interpreta via Actionscript y
que HTML5 no tiene. La
etiqueta vídeo de HTML5
muestra un archivo como
quien enlaza una foto sin
posibilidad de manejar el
concepto streaming.
• HTML5 aún no cuenta
con todas las
funcionalidades
necesarias para poder
incrustar un vídeo en la
red con todos los
elementos que tiene
YouTube actualmente:
anotaciones, subtítulos,
anuncios, relacionados…
Además, tampoco permite
reproducir vídeos HTML5
a pantalla completa.
•Acceso a cámara y
micrófono
La etiqueta video de
HTML5 sirve para ver
videos, no para interactuar,
mientras que Flash lleva
una importante ventaja
tecnológica al permitir
grabar y hacer
videoconferencias desde el
browser.
DIFERENCIAS ENTRE HTML
y HTML 5
HTML HTML 5
Abren las instrucciones con <> y los cierran con </>.
por ejemplo: <p>text</p>.
Introduce nuevas formas de escribir código, así que la
sintaxis entre ellos puede variar ligeramente.
Es el lenguaje de marcado predominante para la
elaboración de páginas web.
Es la quinta revisión importante del lenguaje básico de
la World Wide Web, HTML.
Formas de movimientos de datos, sin precisar de
Javascript, nuevos visores destinados a fórmulas
matemáticas y gráficos vectoriales: MathML, SVG,
etc…
En diseño web ofrece etiquetas: canvas 2D y 3D,
audio, vídeos con codecs destinados a la mejora de
archivos multimedia.
GRACIAS
POR SU
ATENCIÓN

Más contenido relacionado

La actualidad más candente (16)

Diseño web
Diseño webDiseño web
Diseño web
 
Html
HtmlHtml
Html
 
HTML 5
HTML 5HTML 5
HTML 5
 
Html5
Html5Html5
Html5
 
Html
HtmlHtml
Html
 
Html5
Html5Html5
Html5
 
Html
HtmlHtml
Html
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
HTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :DHTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :D
 
Html thony
Html thonyHtml thony
Html thony
 
Lenguaje HTML5
Lenguaje HTML5Lenguaje HTML5
Lenguaje HTML5
 
Html y creacion de paginas web
Html y creacion de paginas webHtml y creacion de paginas web
Html y creacion de paginas web
 
Colegio debora arango perez
Colegio debora arango perezColegio debora arango perez
Colegio debora arango perez
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Similar a Html 5 (20)

Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
Que es html 5
Que es html 5Que es html 5
Que es html 5
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
HTML5
HTML5HTML5
HTML5
 
Que es HTML5
Que es HTML5 Que es HTML5
Que es HTML5
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
Avila lara 2
Avila lara  2Avila lara  2
Avila lara 2
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
 
Html
HtmlHtml
Html
 
Adobe flash
Adobe flashAdobe flash
Adobe flash
 
Prezi
PreziPrezi
Prezi
 
Lizeth natalia urian salazar 1 de eme
Lizeth natalia urian salazar 1 de emeLizeth natalia urian salazar 1 de eme
Lizeth natalia urian salazar 1 de eme
 
Flash cs 5 2
Flash cs 5 2Flash cs 5 2
Flash cs 5 2
 
HTML5
HTML5HTML5
HTML5
 

Último

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 

Último (8)

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 

Html 5

  • 1. HTML 5 Es un lenguaje markup usado para estructurar y presentar el contenido para la web. Es uno de los aspectos fundamentales para el funcionamiento de los sitios.
  • 2. Es la quinta revisión del estándar que fue creado en 1990. A fines del año pasado, la W3C la recomendó para transformarse en el estándar a ser usado en el desarrollo de proyectos venideros. Con HTML5, tenemos otras posibilidades para explotar usando menos recursos. Con HTML5, también entra en desuso el formato XHTML, dado que ya no sería necesaria su implementación.
  • 3. HTML5 está relacionado también con la entrada en decadencia del viejo estándar HTML 4, que se combinaba con otros lenguajes para producir los sitios que podemos ver hoy en día.
  • 4.
  • 5. * Nuevas características de las imágenes En las versiones anteriores a esta nueva versión sólo se podía insertar una imagen en el código, pero no se podía interactuar con ella o modificarla directamente. HTML5 permite que los diseñadores de páginas web “rendericen” las imágenes, con lo cual se pueden crear imágenes dinámicas sin editarlas anteriormente a la introducción de estas en la página.
  • 6. * VIDEOS SIN INSTALAR OTROS PROGRAMAS Para que una página web pudiera mostrar al usuario un video, este tenía que instalar un programa en su computadora, es decir, para ver un video se tenía que tener un programa como Adobe Flash Player o Microsoft Silverlight. HTML5 pretende que esto quede en el pasado y que para ver video solo se necesite tener un navegador que soporte HTML5, sin instalar ninguna otra cosa, aunque todavía se está en busca de un codec de video estándar para lograr esto.
  • 7. * Trabajar off-line La computación en nube nos permite usar programas que no tienen que estar instalados en la computadora para utilizarlos. Hay aplicaciones que funcionan desde Internet para editar textos como se podría hacer con Word, para editar imágenes como en Photoshop y otras posibilidades. El problema de esto es que si no se dispone de una conexión a Internet entonces no se puede trabajar; con HTML5 se podrá guardar la aplicación para trabajar off-line.
  • 8. * La descarga de páginas web más rápida Permite la aparición de elementos en segundo plano, es decir, los elementos más importantes o los que menos tardan en cargarse se pueden presentar al usuario con sus características completas en primer plano, mientras los otros se dejan en segundo término para irse cargando mientras el usuario ya puede leer o interactuar con los más importantes.
  • 10. •Formato de vídeo estándar Por el momento no hay un formato de vídeo compatible con todos los navegadores web y cuando a una plataforma se suben 24 horas de vídeo cada minuto es importante minimizar el número de formatos a soportar. •Control de streaming El visor de vídeo en Flash permite acceder a partes en concreto del mismo a través de la manipulación de variables que Flash toma e interpreta via Actionscript y que HTML5 no tiene. La etiqueta vídeo de HTML5 muestra un archivo como quien enlaza una foto sin posibilidad de manejar el concepto streaming.
  • 11. • HTML5 aún no cuenta con todas las funcionalidades necesarias para poder incrustar un vídeo en la red con todos los elementos que tiene YouTube actualmente: anotaciones, subtítulos, anuncios, relacionados… Además, tampoco permite reproducir vídeos HTML5 a pantalla completa. •Acceso a cámara y micrófono La etiqueta video de HTML5 sirve para ver videos, no para interactuar, mientras que Flash lleva una importante ventaja tecnológica al permitir grabar y hacer videoconferencias desde el browser.
  • 12. DIFERENCIAS ENTRE HTML y HTML 5 HTML HTML 5 Abren las instrucciones con <> y los cierran con </>. por ejemplo: <p>text</p>. Introduce nuevas formas de escribir código, así que la sintaxis entre ellos puede variar ligeramente. Es el lenguaje de marcado predominante para la elaboración de páginas web. Es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. Formas de movimientos de datos, sin precisar de Javascript, nuevos visores destinados a fórmulas matemáticas y gráficos vectoriales: MathML, SVG, etc… En diseño web ofrece etiquetas: canvas 2D y 3D, audio, vídeos con codecs destinados a la mejora de archivos multimedia.