Novedades de HTML5

Contactar con el profesor

HTML5 es un compendio de nuevas tecnologías(http://www.w3.org/html/logo/), entre las que tenemos:

  • Nuevas etiquetas.
  • Almacenamiento offline.
  • Integración los sensores de los dispositivos que lo utilicen (geolocalización, etc).
  • Posibilidad de conectividad entre dispositivos (chat, etc.).
  • Reproducción de multimedia sin recurrir a plugins de terceros.
  • Gráficos 3D y efectos visuales.
  • Multitarea.
  • CSS3. No forma parte de la especificación de HTML5, pero se está haciendo la mismo tiempo.

Links de interés

Algunos ejemplos

Soporte de HTML5

Para evaluar en que medida tu navegador a la especificación html5: http://html5test.com/

No todos los navegadores implementan todas todas las nuevas características de html5. Es posible consultar el estado de implementación en que se encuentran en el siguiente enlace: http://caniuse.com/

HTML5 vs HTML4

DOCTYPE simplificado

HTML4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

(Con sus versiones strict, transient, frameset)

HTML5:

<!DOCTYPE HTML>

(Simplemente indica que el documento es un fichero html)

Codificación de caracteres

HTML4

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

HTML5

<meta charset="UTF-8" /> 

Etiquetas obsoletas

Presentación

basefont, big, center, font, s, strike, tt, u

Otras etiquetas

acronym, applet, isindex, dir

Accesibilidad

frame, frameset, noframes

Atributos obsoletos

  • body -> background
  • a, link -> rev, charset
  • img -> hspace, vspace, longdesc, name
  • html -> version
  • body, table, tr, th, td -> bgcolor
  • table -> valign, border, cellpadding, cellspacing
  • td, th -> height, width
  • th -> abbr
  • td -> scope
  • Para todos -> align
← Selectores avanzados de CSS
divs semánticos →

Aviso Legal | Política de privacidad