11set

[Rapidinha] – WTF DOCTYPE?

FILED IN HTML | Rapidinhas Sem comentários

Sim, ainda existem pessoas que não sabem para que serve o DOCTYPE, mas isso não é nenhuma vergonha.

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 (quando eu falo início é início mesmo! Antes da tag <html>). Quando declaramos um DOCTYPE de forma errada ou simplesmente não o declaramos, o navegador irá interpretar seu documento em modo quirks, o que significa que sua página irá ser tratada com erros e, por mais que seu XHTML/HTML e CSS tenham sido codificados perfeitamente, sua página 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:


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


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


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


< !DOCTYPE html>


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


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


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


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

Evite problemas e dores de cabeça, utilize o DOCTYPE correto! ;)

, , , , , , , , , , ,

25ago

[Dicas] – W3Schools

FILED IN Dicas Sem comentários

Pode parecer mentira, mas ainda existe muito desenvolvedor web que não conhece o W3Schools. Já perdi a conta de quantas vezes indiquei esse site nos últimos anos e, por isso, fica a dica! O W3Schools é mantido pela W3C (World Wide Web Consortium) e possui um enorme acervo de informações sobre linguagens voltadas para web… Acesse e divirta-se!

, , , , , , , , , , , , , , , ,

TOPO