| Muchas de las definiciones son extraidas tal cual o simplificadas de la Recomendación del W3C "HTML 4.01 Specification" que están en la Sección HTML/CSS de esta web. |
| Básicamente, los navegadores actuales tiene dos modos de visualización, el 'Quirks mode' y el modo estándar. |
| La razón para este motivo es que, aunque lo lógico es que sólo exista el modo estándar, que es el que está de acuerdo con las especificaciones de HTML y CSS, en los navegadores de hace algunos años, estos estándares no estaban correctamente implementados y los programadores de webs antiguas utilizaban procedimientos 'poco deseables' para sortear los fallos de implementación de esos navegadores y que las páginas Web se visualizaran correctamente. |
| Para que esas antiguas páginas webs se sigan visualizando correctamente hoy día, los fabricantes de navegadores mantienen el modo 'antiguo' (el Quirks mode), y el modo estándar que es el que debemos seguir los programadores actuales. |
| Lo primero que debemos tener en cuenta a la hora de programar nuestra Web es decidir qué modo de visualización deseamos aplicar a nuestra Web. Una vez tomada la decisión, debemos plasmarlo en el código de nuestra página. Eso se hace mediante la declaración DOCTYPE que nos especifica qué DTD es la que se va a utilizar para visualizar nuestra Web. |
| Una DTD (Definition Type Document) nos especificará las reglas que rigen al lenguaje de programación que utilicemos para construir nuestra Web. Dicho de otro modo, con una declaración DOCTYPE que especifique una DTD determinada, estaremos indicando el lenguaje de programación y la versión de éste con el que está construida nuestra Web, y de este modo, el navegador visualizará de acuerdo a esa declaración, nuestra página Web. |
| |
 DOCTYPE:
|
| Para definir el modo de visualización de la Web, utilizaremos la declaración DOCTYPE como primera línea de nuestro documento HTML. Las distintas declaraciones DOCTYPE que podemos poner son: |
|
 < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > |
|
Esto declara el documento para ser HTML 4.01 transitorio. El HTML 4 transitorio incluye todos los elementos y cualidades de HTML 4 estricto más los elementos y atributos desaprobados (la mayoría de los cuales están relacionados con la presentación visual). El HTML 4 transitorio reconoce la ayuda relativamente pobre del navegador para las hojas del estilo, permitiendo que muchas características de la presentación del HTML sean utilizadas como transición hacia HTML 4 estricto. Se llama Transicional porque está pensado como transición hacia HTML 4 estricto. |
|
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd" > |
|
Esto declara el documento para ser HTML 4.01 Frameset. El HTML 4 Frameset es una variante de HTML 4 transitorio para los documentos que utilizan marcos, es decir, es idéntico al HTML Transitorio, pero aceptando la posibilidad de trabajar con marcos (frames). |
|
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
Este es el DTD Estricto de HTML 4.01, que excluye los elementos y atributos de presentación que el W3C espera que dejen de utilizarse a medida que madure el soporte de las hojas de estilo. Los autores deberían usar el DTD Estricto siempre que sea posible, pero pueden usar el DTD Transicional si es necesario el soporte de elementos y atributos de presentación. Si declaramos este DTD el navegador pasará a actuar cumplimiento de los estándares (Standards compílanse). Esto implicara que solo puedan usarse las etiquetas de HTML 4.01. Este es el modo recomendado por el W3C, ya que es compatible con el CSS y puede ser interpretado correctamente por todos los navegadores, haciendo mucho más fácil el paso de nuestros documentos al XHTML que muy posiblemente tienda a sustituir al HTML en los próximos años. |
| |
|
| Si queremos saber si nuestra página cumple con el DTD definido podemos hacerlo desde http://validator.w3.org/ |
| NOTA: Si no especificamos ninguna DTD en nuestro documento HTML estaremos utilizando el modo de visualización Quirks. |
| NOTA2: En el tutorial sobre el modelado de cajas, las diferencias entre navegadores a la hora de entender las dimensiones de las cajas no existen si usamos el modo estándar, es decir el DTD estricto. Es en modo Quirks o en modo Transitorio donde aparecen las diferencias entre Internet Explorer y el resto de navegadores. |
Español
English
