Ítalo Barboza

Naturalmente um sonhador. Programador e fotógrafo só nas horas vagas

Entenda o que é um DOCTYPE e qual utilizar

2 comentários

O DOCTYPE (abreviação de Document Type Definition – Definição de tipo de documento) serve para definir de que forma os navegadores vão se comportar ao ler seu código. Essa declaração deve aparecer sempre no início de cada documento que você criar (antes mesmo da tag <html>).

Quando declaramos um DOCTYPE de forma errada ou simplesmente não o declaramos, o navegador poderá interpretar seu documento em modo quirks, o que significa que sua página poderá ser tratada com erros e, por mais que seu XHTML/HTML e CSS tenham sido codificados perfeitamente, sua página poderá ser “renderizada” incorretamente.

Existem alguns tipos de documentos que você pode declarar. No HTML 4.01 e no XHTML 1.0 vamos encontrar 3 tipo, o Strict (não são permitidos erros de estrutura e a utilização do CSS é obrigatória), o Transitional (mais flexivel, permite a navegação por browsers sem suporte ao CSS) e o Frameset (utilizado para documentos que fazem uso de frames). Já no HTML 5 e no XHTML 1.1 encontraremos apenas uma opção. Vamos a elas abaixo:

<!-- HTML 4.01 Strict -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!-- HTML 4.01 Transitional -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html1401-19991224/loose.dtd">

<!-- HTML 4.01 Frameset -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/1999/REC-html1401-19991224/frameset.dtd">

<!-- HTML 5 -->
<!DOCTYPE html>

<!-- XHTML 1.0 Strict -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- XHTML 1.0 Transitional -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- XHTML 1.0 Frameset -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<!-- XHTML 1.1 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Bom, é isso. Para evitar problemas de interpretação do HTML, utilize o DOCTYPE corredo. ;)

Share on TwitterShare on TumblrSave on DeliciousShare via email

Publicado por Ítalo Barboza

5 de outubro de 2011 as 9:15 am

Arquivado em HTML

Marcado com , , , , , ,

«
»

2 comentários para 'Entenda o que é um DOCTYPE e qual utilizar'

Acompanhe os comentários pelo RSS ou TrackBack para 'Entenda o que é um DOCTYPE e qual utilizar'.

  1. OTIMA DICA OBRIGADO PELO DOCTYPE!
    AGORA SIM !!!

    HOMERO

    7/out/2011 as 10:43 AM

  2. Muito bom cara .. esta de parabéns me ajudo bastante aqui .. valeu

    Vinicius

    12/out/2011 as 12:30 PM

Deixe seu comentário logo abaixo