Módulo 4. Novedades HTML 5 Y Multimedia.

Novedades en HTML5

Novedades HTML5

Los cambios introducidos en HTML5 pretenden, en general, simplificar ciertas declaraciones

que, en versiones previas, eran innecesariamente complejas.

Algunas de estas modificaciones son las siguientes:

 Definición del tipo de documento, en la primera línea del documento HTML. Ahora
sería así:

 Simplificación de la declaración de determinadas etiquetas: meta, link o script.

 Eliminación de etiquetas.

 Incorporación de elementos estructurales a través de etiquetas semánticas.

 Introducción de elementos y atributos nuevos que enriquecen la manera en la que se

trabaja con los formularios.

Componentes multimedia

Además de los cambios relacionados anteriormente, se han añadido a HTML5 elementos que
permiten contenido multimedia sin necesidad de plugins externos como Adobe Flash,
Microsoft Silverlight o los Applets Java.

Los elementos multimedia incorporados a través de etiquetas son los siguientes:

 Audio

 Vídeo

 Canvas o área en la que puede dibujarse mediante JavaScript

Compatibilidad entre navegadores

 El motor de renderizado es el encargado de leer los datos recibidos de una web, es

decir, html, xml, css, xsl y representarlos en pantalla. Cada navegador tiene su motor
de renderizado como:
o Webkit: Safari, Opera y Chrome (Ahora usa Blink).
o Gecko: Firefox
o Trident: Internet Explorer
 Aunque en gran medida todos cumplen los estándares y representan las etiquetas de
la misma forma, hay elementos que no todos interpretan igual o incluso debido a su
novedad algunos no llegan ni siquiera a soportar. Por ejemplo, hasta hace poco
Trident, el motor de Internet Explorer, era incapaz de interpretar la gran mayoría de
etiquetas html5 y si las etiquetas pueden ser un problema los estilos css lo son aún
más. Por eso, una de las primeras cosas en tener en cuenta son las tablas de
compatibilidades o lo que es lo mismo, tablas que te indican si el recurso que quieres
utilizar es compatible con todos los navegadores o no. Podemos consultar las
siguientes: quirksmode.org, sin duda la página más completa sobre el tema. Sitepoint
tiene un apartado llamado reference en el que no solo encontraremos tablas de
 compatibilidades, sino también explicaciones sobre cada atributo, posibles valores,
etc. El gran problema es que no están tan actualizados como quirksmode y hay tablas
algo antiguas. W3schools, aunque es más útil para conocer tales atributos y otros
elementos del estándar, junto a cada uno de ellos nos encontramos los íconos con los
navegadores compatibles.
 Una forma de evitar los problemas de compatibilidad entre navegadores es usar
librerías en el desarrollo de páginas web por lo general estarán bien probadas y los
problemas serán mucho menores.

Evaluación módulo 4
1. La etiqueta canvas es:
Ideal para mostrar vídeos
Necesaria para mostrar imágenes
Útil para poder generar dibujos
Requiere de poca experiencia como diseñador pues es muy sencilla de utilizar
2. ¿Para qué sirven las etiquetas semánticas en HTML5?
Se aseguran de que el contenido que rodean esté relacionado con lo que indica la etiqueta
Indican de forma exacta en que zonas del documento se encuentran definidas las partes de la
página
Para maquetar la página visualmente
Indican al usuario qué está viendo
3. ¿Cuál de estos tipos de input es válido?
input type=”boolean”
input type=”graphic”
input type=”canvas”
input type=”range”
4. ¿Cuál de las siguientes etiquetas representa a una pieza independiente de contenido
en un documento html?:
article
section
aside
head
5. El atributo placeholder de una caja de texto:
Se ha eliminado en HTML5
Indica el lugar en el que se guardará el dato introducido
Permite añadir un valor por defecto que desaparece al empezar a escribir el usuario
Sustituye al atributo ‘value’