1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
---
title: Modo Quirks y Modo Estándar
slug: Web/HTML/Quirks_Mode_and_Standards_Mode
tags:
- Desarrollo web
- Estándar Web
- Gecko
- Guía
- HTML
- XHTML
translation_of: Web/HTML/Quirks_Mode_and_Standards_Mode
---
<p>En los viejos días de la web, las páginas eran comúnmente escritas de dos formas: Una para navegador Netscape y otra para Microsoft Internet Explorer. Cuando los estándares de la web fueron creador por W3C, los navegadores no sólo empezaron a utilizarlos, tan pronto lo hicieron romperían los más existentes sitios en la Web. Sin embargo los navegadores introdujeron dos modos para tratar los nuevos estándares que cumplan que los sitios diferentemente de los viejos legados de sitios.</p>
<p>Ahora hay tres modos usados por los motores de diseño en los navegadores web: modo quirks (<em>caprichoso</em>), modo casi estándar, y modo estándar completo. En el modo quirks, el diseño emula el comportamiento no estandar de Navigator 4 e Internet Explorer 5 para Windows que es lo requerido para no romper contenido ya existente en la Web. En modo estándar completo, el comportamiento es (o debería ser) el descrito en las especificaciones HTML y CSS. En modo casi estándar, hay implementados sólo algunos ajustes (quirks) pero no todos.</p>
<h2 id="How_does_Mozilla_determine_which_mode_to_use.3F" name="How_does_Mozilla_determine_which_mode_to_use.3F">¿Cómo determinan los navegadores qué modo usar?</h2>
<p>Para documentos <a href="/en-US/docs/HTML" title="/en-US/docs/HTML">HTML</a>, los navegadores usan un DOCTYPE al principio del documento para decidir cómo manejarlo y si deben hacerl en modo quirks o estándar. Para asegurarse de que las página usa el modo estándar completo, debes poner el DOCTYPE como en este ejemplo:</p>
<pre class="brush: html"><!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<title>Hello World!</title>
</head>
<body>
</body>
</html></pre>
<p>El DOCTYPE mostrado en el ejemplo, <code><!DOCTYPE html></code>, es el más simple posible y el recomendado para usar en documentos HTML5. Las versiones anteriores del estándar HTML recomendaban otras variantes, pero todos los navegadores modernos usan ese DOCTYPE para el modo estándar completo, incluso las versiones antiguas de Internet Explorer (a partir de la 6). No hay motivos reales para usar un DOCTYPE más complicado, te arriesgas a elegir uno incorrecto o cometer un fallo y pasar al modo quirks en lugar del estándar.</p>
<p>Asegúrate de poner el DOCTYPE justo al principio del documento HTML. Si pones cualquier cosa antes del DOCTYPE, como un comentario o una declaración XML, hará que versiones antiguas de Internet Explorer (9 y anteriores) interpreten la página en modo quirks.</p>
<p>En HTML5, el único objetico del DOCTYPE es activar el modo estándar completo. Las versiones anteriores del estándar HTML daban información adicional en el DOCTYPE, pero ningún navegador usaba dicha información y sólo la usaba para cambiar entre el modo quirks o el estándar.</p>
<p>Más información y detalles en <a class="external" href="http://hsivonen.iki.fi/doctype/">cuándo eligen los navegadores entre los diferentes modos</a>.</p>
<h3 id="XHTML">XHTML</h3>
<p>Si sirves la página como <a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> usando el MIME <code>application/xhtml+xml</code> en el <code>Content-Type</code> de la cabecera HTTP, no necesitas especificar un DOCTYPE para habilitar el modo estándar, porque esos documentos siempre usan el modo estándar completo. Aunque hay que aclarar que servir páginas como <code>application/xhtml+xml</code> hará que Internet Explorer 8 <a href="/en-US/docs/XHTML#Support" title="XHTML">muestre el diálogo de descarga</a> para contenido desconocido en lugar de mostrar la página, porque la primera versión de Internet Explorer que soporta XHTML es IE9.</p>
<p>Si sirves contenido XHTML usando el MIME <code>text/html</code>, los navegadores lo leeran como HTML, y necesitarás poner un DOCTYPE para que usen el modo estándar.</p>
<h2 id="What_are_the_differences_between_the_modes.3F" name="What_are_the_differences_between_the_modes.3F">¿Cómo puedo ver qué modo está siendo usado?</h2>
<p>En Firefox, selecciona <em>Ver Información de Página</em> en el menú contextual, y selecciona la opción <em>Modo de Renderizado</em> (Render Mode).</p>
<p>En Internet Explorer, pulsa <em>F12</em>, y buscar <em>Modo de Documento</em> (Document Mode)</p>
<h2 id="What_are_the_differences_between_the_modes.3F" name="What_are_the_differences_between_the_modes.3F">¿Cuáles son las diferencias entre los modos?</h2>
<p>Lee la <a href="/en-US/docs/Mozilla_Quirks_Mode_Behavior" title="Mozilla_Quirks_Mode_Behavior">lista de quirks</a> y <a href="/en-US/docs/Gecko's_"Almost_Standards"_Mode" title="Gecko%27s_%22Almost_Standards%22_Mode">modo casi estándar</a> para ver las diferencias entre los modos.</p>
|
