diferencias html5 y html anteriores

13
Diferencias HTML5 y HTML anteriores

Upload: kaethe

Post on 21-Mar-2016

46 views

Category:

Documents


0 download

DESCRIPTION

Diferencias HTML5 y HTML anteriores. ¿En que se diferencia  html5  de las versiones anteriores?,. E sta es la pregunta más importante, puesto que su objetivo es mejorar, a través de la incorporación de nuevos elementos y atributos, el contenido  HTML. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Diferencias HTML5 y HTML anteriores

Diferencias HTML5 y HTML anteriores

Page 2: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

2

¿En que se diferencia html5 de las versiones anteriores?,

Esta es la pregunta más importante, puesto que su objetivo es mejorar, a través de la incorporación de nuevos

elementos y atributos, el contenido HTML.

Page 3: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

3

Las novedades que propone html5 en diseño web son, etiquetas canvas 2D y 3D, audio, vídeo con codecs destinados a

la mejora de archivos multimedia; la mejora de conjuntos de datos, tales como Datagrid, Details, Menu y Command, en el

que la gestión de estos archivos se verá mejorada para su filtración, orden y ocultamiento;

En html podemos destacar nuevas formas de movimientos de datos, sin precisar de Javascript; Nuevos visores destinados a

fórmulas matemáticas y gráficos vectoriales (MathML, SVG…); Y por último, como principales novedades de html5, Drag & Drop,

que sirve para arrastrar elementos dentro de los formularios.

Page 4: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

4

Tras 4 versiones de lenguaje informático básico, conocido como lenguaje HTML, se

incorporará HTML5, que mejorará de manera sustancial los trabajos a realizar dentro de

blogs, páginas web, siendo de gran importancia su incorporación dentro del mundo del diseño gráfico, en el que la edición HTML, suele ser principal para la modificación, incorporación y eliminación de datos, y

por consiguiente, de elementos dentro del diseño web.

Page 5: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

5

Page 6: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

6

La nueva versión de HTML tiene las siguientes mejoras a comparación de su versión anterior HMTL 4:

1. Sintaxis, sus cambios ahora podrán tener compatibilidad con las

implementaciones más utilizadas, incluyendo la verificación de errores. Es posible entonces usar las sintaxis tanto

de text/html y XHTML5.

Page 7: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

7

2. Codificación de caracteres, donde se requiere introducir el DOCTYPE al inicio de la página.

Page 8: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

8

3. Existen modelos mas estrictos para sus contenidos, como son elementos y esto permitirá estructurar mejor nuestro portal y tener mayor comprensión para

otras personas que leen el código, incluyendo los buscadores.

Page 9: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

9

4. Se incluyen nuevos elementos y los atributos eliminados (los que antes se

considerados elementos y atributos desaprobados se eliminan por completo). Ahora tendrán los elementos header, nav,

section, article, aside y footer. 

Page 10: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

10

5. Modificaciones en la Extensión de HTMLDocument y extensiones del

Elementos HTMLElement, a nivel DOM de ambos. DOM es la plataforma neutral

de programación y la "representación interna de una web con la que trabaja un

navegador".

Page 11: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

11

6. Se dispone de mejores formularios, donde los elementos "input" han sido

ampliados como son: datetime, number, range, email, url, search y color.

Page 12: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

12

7. Contenidos que permiten incluir videos o audio, sin usar plugins como se requería antes con Flash. Es tan sencillo, que es posible incluir el elemento como . Algunos pensaron que esto

representaba de alguna forma el "fin" para flash, pero desde que se empezó a usar esta versión, no hemos visto que realmente se elimine, sino

que se complementa entre sí.

Page 13: Diferencias HTML5 y HTML anteriores

HTML 5 - Diseño y Multimedia - LSCA 801

13