¿Por qué necesitamos DOCTYPE para las páginas HTML/JSP?

¿Por qué necesitamos doctype en páginas HTML/JSP? Las páginas parecen funcionar sin eso.¿Por qué necesitamos DOCTYPE para las páginas HTML/JSP?

Fuente

2010-06-30 User 1034

Zeldman wrote

Debido a estándares HTML y XHTML, un DOCTYPE (abreviatura de “tipo de documento declaración”) informa al validador la versión de (X) HTML que está utilizando, y debe aparecen en la parte superior de en cada página web. Los DOCTYPE son un componente clave de páginas web compatibles: su marcado y CSS no se validarán sin .

y echar un vistazo a los 24 Maneras artículo "Transitional vs. Strict Markup"

a venir HTML 5, lo único que necesita para declarar

<!DOCTYPE HTML>

Fuente

2010-06-30 09:19:20

Consulte http://www.quirksmode.org/css/quirksmode.html para la discusión completa; en resumen, se supone que doctype desencadena caprichos/modo estricto de representación y comportamiento de la página.

Desafortunadamente, las personas comenzaron a arrojar doctypes sin saber lo que hacen, lo que disminuye su utilidad.

Fuente

2010-06-30 09:06:43 Piskvor

escpecially Microsoft Internet Explorer tiene un problema importante con cierta doctypes o una completa falta de doctype. At the bottom of this page puede encontrar una descripción concisa del comportamiento del navegador en combinación con ciertos tipos de documentos. Hay tres comportamientos estándar:

Q - Quirksmode. Realmente no quieres tener eso. Dispara box model bug en IE. El CSS width y height luego cubre incorrectamente el padding y el border.
A - Modo casi estándar. El tamaño económico, solo vertical de las celdas de la tabla no es según las especificaciones de CSS2. Útil si quiere evitar mysterious gaps of images in table cells.
S - Modo de estándares. El navegador intenta ser completamente compatible con w3 HTML/CSS. Modo preferido ya que es el único modo en el que puede estar menos seguro de que su sitio web sea exactamente igual en todos los navegadores.

Aquí hay una pieza de HTML que demuestra el error de la caja del modelo en IE. Copy'n'paste'n'run it. Con <!DOCTYPE html> presente, verá un rectángulo. Sin la línea doctype verá un cuadro genuino.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>Remove DOCTYPE to trigger quirksmode</title> 
     <style> 
      #box { 
       background: yellow; 
       width: 100px; 
       padding: 20px; 
       border: 20px solid black; 
       margin: 20px; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="box">box</div> 
    </body> 
</html>

La influencia de este fallo de IE es el más notable cuando se desea un diseño web "pixelperfect".

Fuente

2010-06-30 11:21:40 BalusC

Claro, todos los documentos html necesitan DOCTYPE para declarar la versión de html y decirle al navegador cómo traducir el html para evitar muchos errores del navegador.

Fuente

2013-09-25 03:13:46 Caspar