¿Cómo sabe un navegador qué estándar debe seguir, o cómo interpretar un documento?
Al principio de cada documento hay una linea, llamada doctype, que informa al navegador que DTD (Definición de tipo de documento)estás usando. Un DTD es un documento que contiene las definiciones de la estructura, elementos y atributos de un lenguaje (html, xhtml, xml, etc).
Tomemos como ejemplo este doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
Este informa al navegador que debe de interpretar el documento como html, de acuerdo al DTD que se encuentra en http://www.w3.org/TR/html4/strict.dtd . Este DTD le informa al navegador cómo debe de interpretar cada elemento, por ejemplo, cómo se debe de ver el elemento <p> o <table>
Estricto contra peculiar
¿Qué pasa si tu página no tiene un doctype o tiene uno incorrecto o incompleto? Como no tienen manera de interpretar la página, la mayoría de los navegadores pasan a lo que se llama quirks mode, o modo de peculiaridades (una traducción muy aproximada). Eso significa que interpretan el código como lo hacían versiones anteriores, con menos adhesión a los estándares. Internet Explorer, por ejemplo, cambia al modo de interpretar de IE4, que difiere mucho de cómo debe de ser, para que las páginas viejas se vean como se planeó.
Si, por el contrario, el navegador encuentra un doctype válido, pasa a modo estricto, es decir, lo más apegado a los estándares que se pueda.
También puedes cambiar entre los modos estricto y de quirks usando tipos distintos de doctypes. Los navegadores modernos (incluyendo Internet Explorer 6 y 5 para Mac) cambian su modo de interpretación de acuerdo a si usas un doctype holgado (loose) o estricto (strict). Por ejemplo, para html, existen estos 2 doctypes validos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
El primero hará que el navegador interprete en modo estricto, el segundo de modo de quirks.
¿Te convenciste de la ventaja de los estándares pero no sabes por donde empezar? No te preocupes, no es necesario que te aprendas de memoria todas las especificaciones del W3C. Basta con seguir algunos pasos sencillos.
Usa la sintaxis correcta:
Cierra tus etiquetas.
Toda etiqueta que se abre se debe de cerrar.
Incorrecto:<p>Esto es un párrafo
Correcto:<p> Este es otro párrafo</p>
Haz uso correcto de las etiquetas anidadas
Incorrecto: <b> Este es un texto de <i>muestra</b></i>
Correcto: <b> Este es un texto de <i>muestra</i></b>
Usuarios que han visto este tema también han visto...
- Tips para el Diseño Web
- Cinco características que se echan de menos en las webs
- Crear plantilla de web con CSS
- Algunas razones para evitar usar AdSense al iniciar un nuevo proyecto web
- El discreto encanto de los listados
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.