¿Cuál es el propósito de ``?

Question

¿Cuál es el propósito de `<!DOCTYPE html>`?

Accepted Answer

`` es la primera línea de un documento HTML. Le dice al navegador que renderice en **standards mode** en lugar de **quirks mode** (un modo antiguo compatible con errores que emula navegadores de los años 90). ```html ... ``` ## Standards mode vs quirks mode Sin el doctype, los navegadores recurren a **quirks mode**, que cambia el comportamiento del diseño de formas sorprendentes — más famosamente el **box model**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Otros quirks incluyen el manejo diferente de line-height en celdas de tabla, espaciado de imágenes y unidades CSS. Estas inconsistencias hacen que su CSS cuidadosamente escrito se renderice de manera diferente, por lo que casi siempre desea standards mode. ## Por qué es tan corto ahora En HTML4/XHTML el doctype era una URL larga que hacía referencia a un DTD (Document Type Definition): ```html ``` HTML5 lo simplificó a solo `` — ya no apunta a un DTD; es puramente un interruptor de modo que el navegador reconoce. ## Por qué es importante Siempre incluya `` como la primera línea. Es una garantía de una línea de que su página usa las reglas de renderización modernas y consistentes que asume todo tutorial y framework de CSS — omitirlo lleva a diferencias de diseño confusas y difíciles de depurar.