HTML5

8
HTML5 Faustino Efraín Ruiz Austria Info provided by www.w3schools.com

description

HTML5. Faustino Efraín Ruiz Austria Info provided by www.w3schools.com. Html5 será el estándar para HTML. La versión previa (HTML4.1) apareció en 1999; como sabemos la web a cambiado mucho desde entonces. - PowerPoint PPT Presentation

Transcript of HTML5

Page 1: HTML5

HTML5

Faustino Efraín Ruiz AustriaInfo provided by www.w3schools.com

Page 2: HTML5

Html5 será el estándar para HTML. La versión previa (HTML4.1) apareció

en 1999; como sabemos la web a cambiado mucho desde entonces.

Aunque se sigue trabajando en este lenguaje; la mayoría de los exploradores soportan los nuevos elementos de HTML5 y API’s ( Application programming Interface).

Page 3: HTML5

El inicio del HTML5 se dio como resultado de la cooperación entre el consorcio de la World Wide Web (W3C) y el grupo de trabajo de tecnologías en aplicaciones de hipertexto en la Web (WHATWG).

Ellos establecieron algunas reglas para HTML5.

Page 4: HTML5

Reglas HTML5 Las nuevas características deberán estar

basadas en HTML, CSS, DOM, and JavaScript.

Reducir la necesidad de plugin’s externos (como flash).

Mejor manejo de errores. Mayores beneficios al remplazar el código. HTML5 deberá ser independiente de

dispositivos. Y el desarrollo debe ser público.

Page 5: HTML5

Documento simple HTML5

<!DOCTYPE html>< html>< head>< title>Title of the document</title>< /head>

< body>The content of the document......< /body>

< /html>

Page 6: HTML5

Nuevas Características

La etiqueta <canvas> para dibujos en 2 dimensiones.

<video> y <audio> como elementos de multimedia.

Soporta almacenamiento local. Nuevos elementos de contenido específico

como <article>, <footer>, <header>,<nav>,<section>.

Nuevas formas de control como <calendar>, <date>,<time>, <email>,<url>,<search>, etc..

Page 7: HTML5

Elementos remplazados por la nueva versión.

<acronym><applet><basefont><big><center><dir><font><frame><frameset><noframes><strike><tt><u>

Page 8: HTML5

Ejercicio.-

<video width="320" height="240" controls="controls"><source src="movie.mp4" type="video/mp4" /><source src="movie.ogg" type="video/ogg" />Your browser does not support the video tag.</video>