Si heu estat dissenyant pàgines web durant més d'uns quants mesos, és probable que tingueu en compte la dificultat d'escriure una pàgina que tingui el mateix aspecte en tots els navegadors. De fet, això és impossible. Molts navegadors estaven escrits amb funcions especials que només podien manejar. O tenen maneres especials de manejar coses que són diferents de com altres navegadors els gestionen. Per exemple:
- Les capes es van crear per utilitzar-les en navegadors Netscape. No funcionen en cap altre navegador i, de fet, han estat obsolets en Netscape 6.x +.
- Els marcs en línia només es van crear originalment per a Internet Explorer i, per tant, s'han convertit en part de l'especificació HTML.
- Internet Explorer 6.0 afegeix un espai addicional (com ara un) que envolten les etiquetes, tret que escriguis els continguts del div tot en una (llarga) línia. (IE 6 té moltes més peculiaritats, així com aquest).
- Netscpe 4.7 no mostrarà taules que no estiguin escrites en HTML correcte, sinó que mostren una pàgina en blanc. Això s'ha solucionat a Netscape 6.
El problema per als desenvolupadors del navegador és que han de crear navegadors web que són compatibles amb pàgines web construïdes per navegadors antics. Per fer front a aquest problema, els fabricants d'exploradors van crear modes per als operadors que operen. Aquests modes es defineixen per la presència o absència d'un element DOCTYPE i el que DOCTYPE trucades
DOCTYPE
Vaig a anar més detalls en el meu article DOCTYPELlista, però aquí hi ha algunes regles generals:
- Sempre trieu primer el mode estàndards. I l'estàndard actual que haureu d'utilitzar és HTML5: Tret que tingui un motiu específic per evitar l'ús de HTML5
DOCTYPE, això és el que hauria d'estar utilitzant. - Aneu a un estricte HTML 4.01 si necessiteu validar elements hereus o voleu evitar noves funcions per alguna raó:
- Si teniu retallades d'imatges en una taula i no voleu corregir-les, aneu a Transitional HTML 4.01:
- No escriguis les pàgines deliberadament en mode peculiar. Utilitzeu sempre un
DOCTYPE. Això us estalviarà en el temps de desenvolupament en el futur, i realment no té cap benefici. IE6 està perdent popularitat i dissenyant per a aquest navegador (que és essencialment el que el disseny està en el mode de peculiaritats), s'està limitant, els vostres lectors i les vostres pàgines. Si heu d'escriure per a IE 6 o 7, utilitzeu comentaris condicionals per donar-los suport, en lloc d'obligar els navegadors moderns al mode de peculiaritats.
Per què utilitzar-lo DOCTYPE
Una vegada que conegueu aquest tipus de DOCTYPE Si canvieu, podeu afectar les vostres pàgines web de manera més directa si utilitzeu una DOCTYPE que indica el que el navegador pot esperar de la vostra pàgina. A més, una vegada que comenceu a utilitzar DOCTYPE, escriureu HTML que estigui més proper a ser vàlid (encara heu de validar-lo). I per escrit XHTML vàlid, incita els fabricants d'exploradors a crear navegadors compatibles amb estàndards.
Versions del navegador i mode d'expressió
DOCTYPE | AndroidChromeFirefoxIE 8+iOSÒpera 7.5+Safari | IE 6IE 7Òpera 7 | Netscape 6 |
|---|---|---|---|
| Cap | Mode de peculiaritats | Mode de peculiaritats | Mode de peculiaritats |
| HTML 3.2 | |||
| Mode de peculiaritats | Mode de peculiaritats | Mode de peculiaritats | |
| HTML 4.01 | |||
| Transicional | Mode d'estàndards * | Mode d'estàndards * | Mode d'estàndards |
| Transicional | Mode de peculiaritats | Mode de peculiaritats | Mode de peculiaritats |
| Estricte | Mode d'estàndards | Mode d'estàndards * | Mode d'estàndards |
| Estricte | Mode d'estàndards | Mode d'estàndards * | Mode d'estàndards |
| HTML5 | |||
| Mode d'estàndards | Mode d'estàndards * | Mode de peculiaritats | |
| * Amb aquest DOCTYPE, els navegadors són compatibles amb els estàndards, però tenen alguns problemes, assegureu-vos de provar. Això també es coneix com "Gairebé el mode d'estàndards". |
