HTML5: ¿Por qué es importante...
Transcript of HTML5: ¿Por qué es importante...
![Page 1: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/1.jpg)
HTML5:¿Por qué es
importante escribir código correcto? (1/3)
Sergio Luján Mora
HTML5-03
![Page 2: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/2.jpg)
Vídeo de esta presentación
Puedes ver esta presentación en vídeo:
http://www.youtube.com/watch?v=RnzKl8OA5gQ
![Page 3: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/3.jpg)
![Page 4: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/4.jpg)
![Page 5: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/5.jpg)
Mi página web se ve bien en todos los navegadores,
pero en Internet Explorer 6se rompe. ¿Por qué?
![Page 6: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/6.jpg)
Mi página web se ve bien en Internet Explorer 6,
pero en el resto de navegadoresse rompe. ¿Por qué?
![Page 7: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/7.jpg)
![Page 8: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/8.jpg)
![Page 9: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/9.jpg)
![Page 10: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/10.jpg)
![Page 11: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/11.jpg)
![Page 12: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/12.jpg)
![Page 13: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/13.jpg)
im presionante
![Page 14: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/14.jpg)
![Page 15: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/15.jpg)
![Page 16: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/16.jpg)
![Page 17: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/17.jpg)
![Page 18: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/18.jpg)
![Page 19: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/19.jpg)
Mi página web se ve bien en todos los navegadores,
pero en Internet Explorer 6se rompe. ¿Por qué?
Mi página web se ve bien en todos los navegadores,
pero en XYZ nse rompe. ¿Por qué?
![Page 20: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/20.jpg)
Fallos de los navegadores
![Page 21: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/21.jpg)
Problemas de compatibilidad entre los navegadores
![Page 22: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/22.jpg)
Soporte de HTML por los navegadores
![Page 23: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/23.jpg)
Errores en el código HTML
![Page 24: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/24.jpg)
Fallos de los navegadores
Problemas de compatibilidad entre los navegadores
Soporte de HTML por los navegadores
Errores en el código HTML
![Page 25: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/25.jpg)
![Page 26: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/26.jpg)
![Page 27: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/27.jpg)
<p>Esto es un párrafo.
<p>Esto es otro párrafo.
<p>Esto es un párrafo.</p><p>Esto es otro párrafo.</p>
![Page 28: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/28.jpg)
<body><p><b>Este texto tiene que aparecer en negrita, ¿aparece?</p><p>Este texto no tiene negrita, ¿aparece sin negrita?</p></body>
<body><p><b>Este texto tiene que aparecer en negrita, ¿aparece?</b></p><p>Este texto no tiene negrita, ¿aparece sin negrita?</p></body>
<body><p><b>Este texto tiene que aparecer en negrita, ¿aparece?</p><p>Este texto no tiene negrita, ¿aparece sin negrita?</p></b></body>
![Page 29: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/29.jpg)
![Page 30: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/30.jpg)
Más información:http://desarrolloweb.dlsi.ua.es/
![Page 31: HTML5: ¿Por qué es importante escribirrua.ua.es/dspace/bitstream/10045/16907/6/HTML5-3-por_que_es_im… · HTML5: ¿Por qué es importante escribir código correcto? (1/3) Sergio](https://reader035.fdocuments.co/reader035/viewer/2022062606/5ffef64b168f6475b7630104/html5/thumbnails/31.jpg)
Créditos de fotografías e imágenes:http://www.sxc.hu/photo/1124847http://www.sxc.hu/photo/1111749http://www.sxc.hu/photo/1280969http://www.sxc.hu/photo/1185416