Novedades de HTML5

Curso de HTML

6.  
16.  
17.  
23.  
32.  
34.  
36.  
37.  
38.  
40.  
45.  
46.  
47.  
52.  
54.  
56.  
59.  

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
← Parallax
divs semánticos →

Aviso Legal | Política de privacidad