HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código...

41
HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora [email protected] HTML5-04

Transcript of HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código...

Page 1: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

HTML5:¿Por qué es

importante escribir código correcto? (2/3)

Sergio Luján Mora

[email protected]

HTML5-04

Page 2: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

Vídeo de esta presentación

Puedes ver esta presentación en vídeo:

http://www.youtube.com/watch?v=_NHarDRZimw

Page 3: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

Mi página web se ve bien en todos los navegadores,

pero en XYZ nse rompe. ¿Por qué?

Page 4: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

Fallos de los navegadores

Problemas de compatibilidad entre los navegadores

Soporte de HTML por los navegadores

Errores en el código HTML

Page 5: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

Etiqueta <b> sin cerrar

Etiqueta <span> sin cerrar

Comillas del valor de un atributo sin cerrar(2 versiones)

Valor del atributo size de la etiqueta <input> incorrecto

Page 6: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 7: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 8: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 9: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 10: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 11: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 12: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 13: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 14: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 15: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 16: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 17: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 18: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 19: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 20: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 21: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 22: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 23: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 24: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 25: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 26: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 27: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 28: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 29: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 30: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 31: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 32: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 33: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 34: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04
Page 35: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

3020

33

Page 36: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

3020

33

Page 37: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

3020

203

Page 38: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

3020

203

Page 39: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

Navegador b span comillas comillas 2 input

Firefox

Chrome

IE

Opera

Navegador b span comillas comillas 2 input

Firefox 1

Chrome 1

IE 1

Opera 1

Navegador b span comillas comillas 2 input

Firefox 1 1

Chrome 1 1

IE 1 2

Opera 1 2

Navegador b span comillas comillas 2 input

Firefox 1 1 1

Chrome 1 1 2

IE 1 2 3

Opera 1 2 2

Navegador b span comillas comillas 2 input

Firefox 1 1 1 1

Chrome 1 1 2 1

IE 1 2 3 1

Opera 1 2 2 1

Navegador b span comillas comillas 2 input

Firefox 1 1 1 1 1

Chrome 1 1 2 1 1

IE 1 2 3 1 2

Opera 1 2 2 1 2

Page 41: HTML5: ¿Por qué es importante escribir · HTML5: ¿Por qué es importante escribir código correcto? (2/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-04

Créditos de fotografías e imágenes:http://www.sxc.hu/photo/1124847