O Segredo da Primeira Linha: O que é a tag DOCTYPE e Por Que Seu Site Depende Dela
Conforme dissemos em nossa introdução ao estudo do HTML, a internet não nasceu pronta. Ao longo das décadas, surgiram diversos tipos de HTML e variações (como o HTML 4.01, o rigoroso XHTML e, finalmente, o HTML5), além de tecnologias que se acoplaram a ele, como CSS e JavaScript.
Mas como os navegadores modernos (Chrome, Edge, Safari) sabem qual versão do HTML você está usando? Como eles sabem se devem carregar o seu site com regras modernas ou com regras antigas dos anos 90?
É exatamente aqui que entra a Declaração DOCTYPE. Vamos entender essa diversidade de especificações e apresentar o comando que você usará na linha número 1 de todos os sites que criar a partir de hoje.
Quer transformar seus estudos em uma Profissão Rentável?
Pare de colar códigos que você não entende. Aprenda a base sólida do Front-End e conquiste o seu Certificado de Webmaster.
"Eu não sabia por onde começar. A apostila me deu um caminho claro e direto, e hoje crio layouts do zero sem sofrimento!" - Lucas, Desenvolvedor.🚀 Baixar a Apostila Digital (PDF)
📚 Prefere pegar no papel? Compre o Livro Físico
As Especificações do HTML: A Ordem no Caos
Conforme a Internet cresceu, o uso do HTML atingiu níveis astronômicos. Porém, por ser uma linguagem de marcação (que perdoa muitos erros) e não uma linguagem de programação estrita, a sintaxe sempre foi muito "frouxa" nos primórdios.
O Problema: Pessoas diferentes escreviam códigos de maneiras completamente bizarras. Imagine a situação: você estuda HTML, domina as boas práticas e é contratado para dar manutenção no sistema de um cliente. Ao abrir o arquivo .html dele, você encontra uma verdadeira salada de frutas. Tags abertas que não fecham, marcações obsoletas e elementos misturados.
Isso não só dava dor de cabeça para os programadores, como enlouquecia os navegadores web. O Internet Explorer exibia o site de um jeito, o Firefox de outro, e o Opera de outro completamente diferente.
A Chegada do W3C e da WHATWG
Para resolver essa bagunça, o W3C (World Wide Web Consortium) — um consórcio internacional fundado pelo criador da web, Tim Berners-Lee — começou a criar Padrões Web. Mais tarde, a WHATWG (um grupo formado por engenheiros da Apple, Mozilla e Google) assumiu o leme para criar o que hoje chamamos de HTML Living Standard (O Padrão Vivo do HTML5).
Seguir essas especificações garante duas coisas cruciais:
- Manutenção universal: Qualquer desenvolvedor do mundo consegue ler e entender o seu código.
- Compatibilidade Cross-browser e Mobile: Seu site funcionará perfeitamente em PCs, smartphones, TVs e smartwatches, sem quebrar o layout.
Document Type: A declaração <!DOCTYPE>
Agora que você sabe que existem regras, como avisamos ao navegador que o nosso site segue o padrão moderno e limpo do HTML5? Nós usamos o Document Type Definition (DTD).
Sempre que você for criar um site, a primeiríssima linha do seu código deve ser a declaração do DOCTYPE. Ela não é exatamente uma tag HTML, mas sim uma "instrução" enviada ao navegador antes mesmo dele começar a ler a estrutura da sua página.
Como declarar o HTML moderno
No passado (como na era do HTML 4.01), as declarações eram gigantescas e impossíveis de decorar, cheias de links para os servidores do W3C. Hoje, graças ao HTML5, a declaração foi simplificada ao extremo.
A única linha que você precisa memorizar e colocar no topo do seu arquivo .html é esta:
<!DOCTYPE html>Pronto! Só isso. Essa instrução simples e elegante diz ao Google Chrome, Safari, Edge e Firefox: "Ei, este site está usando a versão mais recente e universal do HTML. Pode renderizar usando as regras mais modernas disponíveis!"
Perguntas Frequentes (FAQ) sobre o DOCTYPE
1. O <!DOCTYPE html> é uma tag HTML?
Não. É uma instrução de processamento (ou declaração) para o navegador web sobre qual versão do HTML a página está escrita. Por isso ela não possui uma tag de fechamento (não existe </!DOCTYPE>).
2. Faz diferença escrever em letras maiúsculas ou minúsculas?
O HTML5 não é case-sensitive. Você pode escrever <!doctype html>, <!DOCTYPE HTML> ou <!DoCtYpE hTmL> e o navegador vai entender perfeitamente. Porém, por convenção e boas práticas da comunidade, costumamos escrever a palavra DOCTYPE em maiúsculas e html em minúsculas.
3. Posso colocar algo antes do DOCTYPE no meu arquivo?
Absolutamente nada. Nem mesmo um espaço em branco ou um comentário de código. O <!DOCTYPE html> deve obrigatoriamente ser os primeiros caracteres do seu documento na linha 1. Se houver algo antes, o Internet Explorer e versões antigas de outros navegadores podem ignorar a declaração e quebrar o seu site.
Nenhum comentário:
Postar um comentário