El modo estándar y el modo Quirks son dos modos introducidos por los navegadores web para tratar los nuevos sitios que cumplen con los estándares de manera diferente a los sitios heredados antiguos. En la actualidad, hay tres modos utilizados por los motores de diseño de los navegadores web para trabajar: modo peculiar, modo casi estándar y modo estándar completo. La declaración de tipo de documento de HTML, también conocida como DOCTYPE, es la primera línea de código necesaria en todo documento HTML o XHTML. Esta es una instrucción para el navegador web con respecto a la versión de HTML en la que está escrita la página. Esto ayuda a que diferentes navegadores web analicen las páginas web de la misma manera.
En modo capricho: El modo Quirks es una técnica utilizada por muchos navegadores web para mantener la compatibilidad con versiones anteriores de páginas web diseñadas para navegadores web antiguos en lugar de cumplir estrictamente con los estándares W3C. En el modo Quirks, el navegador de Internet intenta interpretar en ‘mejor suposición’, esto asociado con una comprensión general del código que puede no estar bien estructurado, no estándar o escrito de manera ineficaz implica que su página se está ejecutando sin una declaración de tipo. El propósito general del modo peculiar es que es un modo de compatibilidad para IE5. Esto pretende que, además de cambiar el modo de diseño, también desactive la mayoría de las funciones del navegador que se han creado desde IE5. En modo peculiar, los navegadores aceptan y se comportan como en los primeros días de la web. Acepta cualquier marcado mal formateado o mal formado en este modo y no es estricto con la sintaxis, etiquetas, y elementos de la misma. Esto se hizo para evitar romper demasiado los sitios antiguos en los nuevos navegadores.
Usaremos el mismo código con y sin DOCTYPE para comprender la activación de cada tipo de modo y darnos cuenta de la diferencia entre ellos.
Ejemplo: en el siguiente ejemplo, DOCTYPE no está escrito, por lo tanto, esto activaría el modo de peculiaridades:
HTML
<html>
<head>
<title>Quirks Mode Triggering</title>
<style type="text/css">
.PARAGRAPH-STYLED{ color:green;}
</style>
</head>
<body>
<h2>File without DOCTYPE</h2>
<p class =" paragraph-styled">
Welcome to GFG
</p>
</body>
</html>
Producción:
Modo estándar: se recurre al modo estándar para proporcionar compatibilidad con HTML y CSS estandarizados en los principales navegadores web. Basado en DOCTYPE, renderizará HTML y CSS. Verificará toda la sintaxis basada en DOCTYPE mencionado como estándar W3C. Acepta un código bien formateado y cumple con las requests realizadas por el cliente. Un tercer modo de compatibilidad se conoce como modo casi estándar o modo estricto , que intenta llegar a un compromiso entre los dos, implementando una peculiaridad para el tamaño de las celdas de la tabla mientras se ajusta a las especificaciones.
Ejemplo: considerando el mismo ejemplo que antes, pero agregando DOCTYPE esta vez, activará el modo estándar.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Quirks Mode Triggering</title>
<style type="text/css">
.PARAGRAPH-STYLED{ color:green;}
</style>
</head>
<body>
<h2>File with DOCTYPE</h2>
<p class =" paragraph-styled">
Welcome to gfg
</p>
</body>
</html>
Producción:
Diferencia entre el modo estándar y el modo peculiar
|
Base de comparación |
En modo capricho |
Modo estándar |
| Estandarización de código | Acepta y funciona con código mal formateado | Solo funciona con código formateado w3c estándar. |
| Alineamiento vertical | Alinear con la parte inferior dentro del cuadro. | Alineado a la línea de base del texto dentro del cuadro |
| Heredar tamaños de fuente | No hereda los tamaños de fuente. | Hereda los tamaños de fuente. |
| Objetivo | Para mantener el funcionamiento de los antiguos sitios heredados. | Tener uniformidad estándar en todas partes. |
| Interpretación | Funciona con la interpretación de la mejor suposición. | Funciona con normas estándar. |
| DOCTIPO | No necesariamente requerido. | Necesariamente requerido. |
Publicación traducida automáticamente
Artículo escrito por hemantrathore2705 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA