Si lleva más de unos meses diseñando páginas web, lo más probable es que esté al tanto de la dificultad de escribir una página que se vea igual en todos los navegadores. De hecho, eso es imposible. Muchos navegadores fueron escritos con características especiales que solo ellos podían manejar. O tienen formas especiales de manejar cosas que son diferentes de cómo los manejan otros navegadores. Por ejemplo:
- Las capas fueron creadas para su uso en los navegadores Netscape. No funcionan en ningún otro navegador y, de hecho, han quedado en desuso en Netscape 6.x +.
- Los marcos en línea se crearon originalmente solo para Internet Explorer, y desde entonces se han convertido en parte de la especificación HTML.
- Internet Explorer 6.0 agrega un espacio adicional (como un) etiquetas circundantes, a menos que escriba el contenido del div todo en una línea (larga). (IE 6 tiene muchas más peculiaridades así como esta).
- Netscpe 4.7 no mostrará las tablas que no están escritas en el HTML correcto, sino que muestra una página en blanco. Esto fue arreglado en Netscape 6.
El problema para los desarrolladores de navegadores es que tienen que crear navegadores web que sean compatibles con las páginas web creadas para navegadores más antiguos. Para hacer frente a este problema, los fabricantes de navegadores crearon modos para que los navegadores funcionen. Estos modos se definen por la presencia o ausencia de un elemento DOCTYPE y lo que DOCTYPE llamadas
DOCTYPE
Entro en más detalle en mi artículo. DOCTYPELista, pero aquí hay algunas reglas generales de oro:
- Siempre elige el modo estándar primero. Y el estándar actual que debe usar es HTML5: a menos que tenga una razón específica para evitar el uso de HTML5
DOCTYPE, esto es lo que deberías estar usando. - Vaya a HTML 4.01 estricto si necesita validar elementos heredados o si desea evitar nuevas funciones por alguna razón:
- Si ha dividido las imágenes en una tabla y no desea corregirlas, vaya a Transitional HTML 4.01:
- No escriba páginas deliberadamente en el modo de peculiaridades. Siempre use un
DOCTYPE. Esto le ahorrará tiempo de desarrollo en el futuro y realmente no tiene ningún beneficio. IE6 está perdiendo popularidad rápidamente y al diseñar para este navegador (que es esencialmente lo que es diseñar en el modo de caprichos) te estás limitando a ti mismo, a tus lectores y a tus páginas. Si debe escribir para IE 6 o 7, use los comentarios condicionales para respaldarlos, en lugar de forzar a los navegadores modernos en modo peculiar.
Por que usar DOCTYPE
Una vez que estés al tanto de este tipo de DOCTYPE Con el cambio, puede afectar sus páginas web más directamente usando un DOCTYPE eso indica lo que el navegador puede esperar de tu página. Además, una vez que empieces a usar DOCTYPE, estarás escribiendo HTML que está más cerca de ser válido (aún así debes validarlo). Y al escribir XHTML válido, anima a los fabricantes de navegadores a crear navegadores compatibles con los estándares.
Versiones del navegador y modo de bromas
DOCTYPE | AndroideCromoFirefoxIE 8+iOSOpera 7.5+Safari | IE 6IE 7Ópera 7 | Netscape 6 |
|---|---|---|---|
| Ninguna | En modo capricho | En modo capricho | En modo capricho |
| HTML 3.2 | |||
| En modo capricho | En modo capricho | En modo capricho | |
| HTML 4.01 | |||
| Transicional | Modo de normas * | Modo de normas * | Modo Estándar |
| Transicional | En modo capricho | En modo capricho | En modo capricho |
| Estricto | Modo Estándar | Modo de normas * | Modo Estándar |
| Estricto | Modo Estándar | Modo de normas * | Modo Estándar |
| HTML5 | |||
| Modo Estándar | Modo de normas * | En modo capricho | |
| * Con este DOCTYPE, los navegadores cumplen con los estándares, pero tienen algunos problemas, asegúrese de probar. Esto también se conoce como "Modo de estándares casi". |
