O que é um DOCTYPE e por que isso importa?

• Pode 19, 2024

A tag DOCTYPE (abreviação de "declaração de tipo de documento") descreve o tipo de HTML usado para uma página da web específica. Como você define seu DOCTYPE pode ter um efeito profundo na aparência do seu site.

O DOCTYPE é a primeira coisa a aparecer na maioria das páginas HTML, mesmo antes da tag. Vai parecer algo assim…



Por que o DOCTYPE é tão importante? Bem, para iniciantes, ele informa ao navegador do visitante quais regras usar ao exibir sua página da web. Existem três opções básicas de DOCTYPE:

Rigoroso - O navegador seguirá as regras HTML lançadas pelo W3C (o World Wide Web Consortium, o grupo que define os padrões HTML). Ele ignorará itens obsoletos, como a tag. Como você pode imaginar, isso causará estragos em suas páginas da web se você ainda estiver usando essas tags. Se você não especificar na tag DOCTYPE qual opção deseja, os navegadores usarão o conjunto de regras "estrito" por padrão.

Transitório - O navegador permitirá que as tags atuais e obsoletas funcionem. A maioria das páginas da web usa essa configuração DOCTYPE para permitir maior flexibilidade.

Conjunto de quadros - o navegador permitirá todas as tags como na configuração de transição e também permitirá o uso de quadros. Obviamente, você não deve usar essa opção, a menos que esteja criando uma página com quadros, o que quase sempre é uma má idéia.

Você também pode usar o DOCTYPE para especificar se sua página é criada em HTML ou XHTML. Se você não incluir uma tag DOCTYPE, o navegador assumirá que a página da Web foi criada antes da inclusão da tag e usará o conjunto de regras "transitório".

Finalmente, um DOCTYPE geralmente inclui um URL do site oficial do W3C. Esses URLs apontam para páginas que contêm os conjuntos de regras relevantes, para que os navegadores possam suportar perfeitamente seu código HTML, mesmo após o W3C postar novos padrões.

Aqui estão algumas das tags DOCTYPE mais comuns que você pode precisar usar:

HTML estrito


HTML de transição


XHTML estrito


XHTML de transição


Observe que, se o W3C lançar novas versões de HTML ou XHTML, as tags DOCTYPE também serão alteradas. Os exemplos acima se referem ao HTML 4.01 e XHTML 1.0, pois essas são as versões mais recentes no momento da redação deste documento.

Instruções De Vídeo: Curso de HTML 5 para INICIANTES - TAGS BÁSICAS #04 - H1,H2,H3,BR,HR (Pode 2024).