html5: ¿por qué es importante escribir · "arboleda", que puede contener más de un...

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

Upload: others

Post on 24-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

HTML5:¿Por qué es

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

Sergio Luján Mora

[email protected]

HTML5-05

Page 2: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

Vídeo de esta presentación

Puedes ver esta presentación en vídeo:

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

Page 3: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

Fallos de los navegadores

Problemas de compatibilidad entre los navegadores

Soporte de HTML por los navegadores

Errores en el código HTML

Page 4: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

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 5: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 6: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

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 7: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 8: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 9: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

El Modelo de Objetos del Documento(DOM) es una interfaz de programación de aplicaciones (API) para documentos validos HTML y bien construidos XML.

Define la estructura lógica de los documentos y el modo en que se

accede y manipula.

Page 10: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

En DOM, los documentos tienen una estructura lógica que es muy parecida a un árbol; para ser

más preciso, es más bien como un "bosque" o una "arboleda", que puede contener más de un árbol.

Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y

cero o más comentarios o instrucciones de tratamiento; el elemento del documento sirve

como la raíz del árbol para el documento.

Page 11: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

<table><tbody>

<tr><td>Shady Grove</td><td>Aeolian</td>

</tr><tr>

<td>Over the River, Charlie</td><td>Dorian</td>

</tr></tbody>

</table> Fuente: http://www.w3.org/2005/03/DOM3Core-es/introduccion.html

Page 12: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 13: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 14: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 15: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 16: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 17: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 18: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 19: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 20: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 21: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 22: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 23: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 24: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 25: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 26: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 27: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 28: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 29: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 30: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 31: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 32: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 33: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 34: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 35: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 36: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 37: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 38: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 39: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero
Page 40: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

<table><tbody>

<tr><td>Shady Grove</td><td>Aeolian</td>

</tr><tr>

<td>Over the River, Charlie</td><td>Dorian</td>

</tr></tbody>

</table>

Page 42: HTML5: ¿Por qué es importante escribir · "arboleda", que puede contener más de un árbol. Cada documento contiene cero o un nodo doctype, un nodo de elemento de documento, y cero

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