HTML. HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos.

Presentación del tema: "HTML. HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos."— Transcripción de la presentación:

1 HTML

2 HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos.

3 HTML 5 Características –HTML5 y –HTML4 posee la etiqueta para agregar contenido genérico. –Hay características que están fuera del alcance del evento.

4

5 HTML 5 Semantic Tags HEADER –Define la información de cabecera o de otro tipo en la página. FOOTER –Define el texto en la parte inferior de la página, tales como los derechos de autor o de información de contacto. ARTICLE –Define un bloque de texto que representa un solo artículo, un cuento o mensaje. Un artículo se puede distinguir de otro texto que puede estar lógicamente solo.

6 HTML 5 Semantic Tags NAV –Contiene la funcionalidad de navegación para la página. SECTION –Define un contenido genérico o sección de aplicaciones. Los ejemplos de secciones serían capítulos de libros; una página de un sitio Web se ​​ puede dividir en secciones tales como Introducción, Noticias e información de contacto.

7

8 Compatibilidad Nota –“(…)HTML5 es relativamente nuevo y no todos los navegadores han alcanzado los Estándares…” –“Hay personas que usan computadoras más antiguas que pueden no tener la última versión de un navegador…”[2]

9 Tipos especiales para E-Mail y URL’s –Use el atributo type = "email" para definir un campo de correo electrónico. –Si no hay compatibilidad, el valor predeterminado del campo es de tipo de texto.

10 Placeholder Placeholder text solo se muestra en browsers HTML5- compliant. –Agregar el atributo placeholder: –

11 Input Types adicionales Spin boxes – Slider – Date picker – SpeechInput

12

13 Figure, audio y video… Su browser no soporta este elemento. Texto

14

15 CSS3 HTML permite definir la estructura de una página web. Las hojas de estilo en cascada ofrecen la posibilidad de definir las reglas y estilos de representación.

16

17 Canvas Canvas es uno de los componentes del estándar HTML 5 que permite dibujar dinámicamente imágenes en una página web.

18

19 Javascript DragAndDrop Geolocalization Notification

20

21 Referencias Faithe Wempen, HTML5 Step by Step, California, O’Reilly Media, Inc., 2011 http://www.html5rocks.comhttp://www.html5rocks.com http://www.w3.org/TR/2011/WD-html5- 20110525/http://www.w3.org/TR/2011/WD-html5- 20110525/ http://www.css3generator.com

22 Preguntas?

23 HTML 4 Características –Estable –Código universalmente aceptado –Tolerante con los errores de codificación –HTML 4 tiene compatibilidad con todos los navegadores

24 XHTML Características –Estricto –Creado con XML (eXtensible Markup Language). –XHTML utiliza los mismos tags que HTML4 –Compatible con los navegadores

25 XML - XHTML Diferencias –El W3C re-crea el lenguaje HTML completo en XML (XHTML) –La versión 1.0 lanzada en 2001 –La versión de XHTML 2.0, es lanzado en 2004 –“Sólo hay una cosa acerca de XHTML a tener en cuenta: no es tolerante a errores…”[1]

26 Nota: HTML 5 Semantic Tags “Si utiliza etiquetas semánticas y el cliente tiene un navegador que no soporta HTML5, el navegador descartara las etiquetas que no entiende. (…), la creación de estructura en una página mediante etiquetas es la forma más segura de seguir. Es importante aprender la semántica de las etiquetas HTML5…”.

27 Nota: HTML 5 Semantic Tags No todos los navegadores son compatibles con estas etiquetas. Internet Explorer 9.0 o superior lo hace, al igual que las versiones actuales de Google Chrome y Firefox.