22 de setembro de 2009

Doctype, o que é, e pra que serve?



Fiz umas pesquisas e vou tentar explicar o que é o Doctype, sem rodeios :)

O elemento doctype é uma DTD (definição do tipo de documento), mesmo estando entre < e > o doctype não é uma tag, e sim uma instrução muito importante que "diz" ao browser em que tipo e versão(HTML 3.2, HTML 4.01, XHTML, etc) a página está escrita, é como uma "identidade" da página que sempre fica no topo do código, antes da tag <html>.

É recomendado aplicar o Doctype correto em seu site para que ele possa ser validado e evitar possiveis transtornos em sua página.

Existem vários tipos de DTDs, um para cada tipo de página, veja:

Para HTML 3.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">


Para HTML 4.01 Transitional

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


Para HTML 4.01 Strict

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


Para HTML 4.01 Frameset

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


Veja que nas páginas XHTML além do DOCTYPE, colocamos também o atributo xmlns na tag <html> que define
em que linguagem sua página está escrita, no caso português(pt-br):

Para XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">


Para XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">


Para XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">


Qual a diferença entre Transitional, Strict e Frameset ?

Transitional - Bom, o DTD Transitional é usado em páginas que ainda usam práticas e códigos antigos que se aconselha não usar mais, como páginas que usam, por exemplo, o elemento <font>.

Frameset - Essa DTD é usada em páginas que usam frames.

Strict - Esse é a DTD que todo desenvolvedor para web que deve ter em suas páginas, mas use apenas se as suas páginas forem válidas, ou seja, sem erros. Se quiser saber se sua página é válida visite esses posts para validar seu CSS e seu XHTML.

Veja mais sobre Doctype em: thewebsqueeze.com

2 comentários:

  1. Legal seu post. Muito importante essas noções de html, principalmente para os que pouco conhecem. Parabéns.

    ResponderExcluir
  2. Tenho umm blog (blogspot) e utilizo o Feedjit widget para administrar meus visitantes.
    Repentinamente parou de ser carregado, foi bloqueado.

    Fui instruido para utilizar o doctype. Como posso identificar qual o doctype correto?

    Obrigado.

    ResponderExcluir