SlideShare una empresa de Scribd logo
1 de 9

 Siglas de HyperText Markup Language, hace
referencia al lenguaje de marcado para la elaboración
de páginas web. Es un estándar que, en sus
diferentes versiones, define una estructura básica y
un código para la definición de contenido de una
página web, como texto, imágenes, etc. ...
¿QUE ES HTML?

 La W3C (World Wide Web Consortium) es una
organización que se dedica a definir las normas
utilizados en la WEB. Por tanto HTML y HTML5
fueron definidos por ellos (W3C).
Origen

 HTML5 tiene como base HTML, pues realmente seguimos
utilizando la mayoría de las etiquetas:
 html
 head
 title
 body
 div
 p
 ul
 li
 span
Etiquetas

 Es la última evolución de la
norma que define HTML
 se trata de una nueva versión
del lenguaje HTML, con nuevos
elementos, atributos y
comportamientos.
 un conjunto más amplio de
tecnologías que permite a los
sitios Web y a las aplicaciones
ser más diversas y de gran
alcance.
¿QUE ES HTML 5?
 code
 header
 footer
 article
 section
 svg
 canvas
 audio
 video
Nuevas etiquetas,
nuevos API’s.
Nuevos api’s:
• Geolocalization
• Drag and drop
• Local Storage
• Aplication
Cache
• Web Workers
• SSE

 Semántica: Permite describir con mayor precisión cuál es
su contenido.
 Conectividad: Permite comunicarse con el servidor de
formas nuevas e innovadoras.
 Fuera de línea y almacenamiento: Permite a páginas web
almacenar datos, localmente, en el lado del cliente y
operar fuera de línea de manera más eficiente.
 Multimedia: Nos otorga un excelente soporte para utilizar
contenido multimedia como lo son audio y video
nativamente.
 Gráficos y efectos 2D/3D: Proporcionar una amplia gama de
nuevas características que se ocupan de los gráficos en la
web como lo son el lienzo 2D, WebGL, SVG, etc.
Diseñado para ser utilizable por
todos los desarrolladores de Open
Web

 Multimedia: Nos otorga un excelente soporte para utilizar
contenido multimedia como lo son audio y video
nativamente.
 Gráficos y efectos 2D/3D: Proporcionar una amplia gama de
nuevas características que se ocupan de los gráficos en la
web como lo son el lienzo 2D, WebGL, SVG, etc.
 Rendimiento e Integración: Proporcionar una mayor
optimización de la velocidad y un mejor uso del
hardware.
 Acceso al dispositivo: Proporciona APIs para el uso de
varios compomentes internos de entrada y salida de
nuestro dispositivo.
 CSS3: Nos ofrece una nueva gran variedad de opciones
para la sofisticación del diseño.

 HTML5 es un versión mejorada, depurada y
aumentada de HTML4. Si sabes HTML4 entonces
sabes HTML5, solo hay que revisar documentación
para conocer y aprovechar la nueva funcionalidad,
de esta forma ahorraremos tiempo de desarrollo en
funciones que pueden ser ejecutadas por el
navegador.
¿CUÁL ES LA DIFERENCIA?


Más contenido relacionado

La actualidad más candente (19)

Editores de paginas web 3
Editores de paginas web 3Editores de paginas web 3
Editores de paginas web 3
 
HTML
HTMLHTML
HTML
 
Htlm
HtlmHtlm
Htlm
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
 
Html y creacion de paginas web
Html y creacion de paginas webHtml y creacion de paginas web
Html y creacion de paginas web
 
Html5
Html5Html5
Html5
 
Doris duarte
Doris duarteDoris duarte
Doris duarte
 
Html
HtmlHtml
Html
 
Diferencias entre html y html5
Diferencias entre html y html5Diferencias entre html y html5
Diferencias entre html y html5
 
Tecnologias web
Tecnologias webTecnologias web
Tecnologias web
 
tecno
tecnotecno
tecno
 
Presentación1
Presentación1Presentación1
Presentación1
 
Conceptos de dw
Conceptos de dwConceptos de dw
Conceptos de dw
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Adriana romero macromedia
Adriana romero macromediaAdriana romero macromedia
Adriana romero macromedia
 
Taller html adriana romero
Taller html adriana romeroTaller html adriana romero
Taller html adriana romero
 
CÓDIGO HTML!
CÓDIGO HTML!CÓDIGO HTML!
CÓDIGO HTML!
 
Cuadro comparativo tics
Cuadro comparativo ticsCuadro comparativo tics
Cuadro comparativo tics
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 

Similar a paralelo html-html5 (20)

HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Html5
Html5Html5
Html5
 
Red coorporativa
Red coorporativaRed coorporativa
Red coorporativa
 
Curso HTML5
Curso HTML5Curso HTML5
Curso HTML5
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
 
Orellana morales html
Orellana morales htmlOrellana morales html
Orellana morales html
 
Html5 telefonica-curso
Html5 telefonica-cursoHtml5 telefonica-curso
Html5 telefonica-curso
 
Flash Platform
Flash PlatformFlash Platform
Flash Platform
 
Html
HtmlHtml
Html
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
HTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptxHTML Practica de CLase PW[Repaired].pptx
HTML Practica de CLase PW[Repaired].pptx
 
Html luis felipe
Html luis felipeHtml luis felipe
Html luis felipe
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Html5
Html5Html5
Html5
 
Munera xa
Munera xaMunera xa
Munera xa
 
Munera xa
Munera xaMunera xa
Munera xa
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 

paralelo html-html5

  • 1.   Siglas de HyperText Markup Language, hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc. ... ¿QUE ES HTML?
  • 2.   La W3C (World Wide Web Consortium) es una organización que se dedica a definir las normas utilizados en la WEB. Por tanto HTML y HTML5 fueron definidos por ellos (W3C). Origen
  • 3.   HTML5 tiene como base HTML, pues realmente seguimos utilizando la mayoría de las etiquetas:  html  head  title  body  div  p  ul  li  span Etiquetas
  • 4.   Es la última evolución de la norma que define HTML  se trata de una nueva versión del lenguaje HTML, con nuevos elementos, atributos y comportamientos.  un conjunto más amplio de tecnologías que permite a los sitios Web y a las aplicaciones ser más diversas y de gran alcance. ¿QUE ES HTML 5?
  • 5.  code  header  footer  article  section  svg  canvas  audio  video Nuevas etiquetas, nuevos API’s. Nuevos api’s: • Geolocalization • Drag and drop • Local Storage • Aplication Cache • Web Workers • SSE
  • 6.   Semántica: Permite describir con mayor precisión cuál es su contenido.  Conectividad: Permite comunicarse con el servidor de formas nuevas e innovadoras.  Fuera de línea y almacenamiento: Permite a páginas web almacenar datos, localmente, en el lado del cliente y operar fuera de línea de manera más eficiente.  Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo son audio y video nativamente.  Gráficos y efectos 2D/3D: Proporcionar una amplia gama de nuevas características que se ocupan de los gráficos en la web como lo son el lienzo 2D, WebGL, SVG, etc. Diseñado para ser utilizable por todos los desarrolladores de Open Web
  • 7.   Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo son audio y video nativamente.  Gráficos y efectos 2D/3D: Proporcionar una amplia gama de nuevas características que se ocupan de los gráficos en la web como lo son el lienzo 2D, WebGL, SVG, etc.  Rendimiento e Integración: Proporcionar una mayor optimización de la velocidad y un mejor uso del hardware.  Acceso al dispositivo: Proporciona APIs para el uso de varios compomentes internos de entrada y salida de nuestro dispositivo.  CSS3: Nos ofrece una nueva gran variedad de opciones para la sofisticación del diseño.
  • 8.   HTML5 es un versión mejorada, depurada y aumentada de HTML4. Si sabes HTML4 entonces sabes HTML5, solo hay que revisar documentación para conocer y aprovechar la nueva funcionalidad, de esta forma ahorraremos tiempo de desarrollo en funciones que pueden ser ejecutadas por el navegador. ¿CUÁL ES LA DIFERENCIA?
  • 9.