Qual é o propósito de ``?

Question

Qual é o propósito de `<!DOCTYPE html>`?

Accepted Answer

`` é a primeira linha de um documento HTML. Ele diz ao navegador para renderizar em **modo de padrões** em vez de **modo de compatibilidade** (um modo antigo compatível com bugs que emula navegadores dos anos 90). ```html ... ``` ## Modo de padrões vs modo de compatibilidade Sem o doctype, os navegadores voltam ao **modo de compatibilidade**, que altera o comportamento do layout de maneiras surpreendentes — mais famosamente o **modelo de caixa**: ```text Quirks mode: width includes padding + border (old IE box model) Standards mode: width is the content box (CSS spec) — predictable ``` Otras quirks incluem tratamento diferente de line-height em células de tabela, espaçamento de imagens e unidades CSS. Essas inconsistências fazem com que seu CSS cuidadosamente escrito seja renderizado de forma diferente, então você quase sempre quer o modo de padrões. ## Por que é tão curto agora Em HTML4/XHTML o doctype era uma URL longa referenciando uma DTD (Document Type Definition): ```html ``` HTML5 simplificou para apenas `` — já não aponta para uma DTD; é puramente um interruptor de modo que o navegador reconhece. ## Por que isso importa Sempre inclua `` como a primeira linha. É uma garantia de uma linha de que sua página usa as regras de renderização modernas e consistentes que todo tutorial e framework CSS assume — omiti-lo leva a diferenças de layout misteriosas e difíceis de depurar.