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!

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

16jun

Que venha o HTML 5!

FILED IN HTML 5 | Notícias Sem comentários

É meus caros amigos, está chegando o HTML 5. Seu lançamento oficial está previsto para 2010, ano em que o nosso querido amigo HML completa 19 anos de existência. Tudo começou com o grande mestre Tim Banners-Lee e tomou proporções inimagináveis ao longo desses 18 anos. Muita coisa mudou, vários browsers foram surgindo e transformando a internet ao longo dos anos, mas isso é assunto para outro post. Vamos ao que interessa!

Em entrevista a revista TI Digital (Edição nº 4, Junho 2009), Ian Hickson (editor do HTML 5) falou sobre as novidades prevista para o novo HMTL. Dentre elas a inclusão de novos elementos como <section>, <article>, <nav> etc. Já podemos utilizar o HTML 5, mas alguns browsers ainda não dão suporte as novidades. Mesmo com seu lançamento previsto para 2010, Hickson afirma que o HTML 5 alcançará o estágio de recomendação em 2012, mas antes disso já vamos poder utilizar sua nova versão com mais confiança e suporte. Se você ficou animado com a notícias e pretende ficar por dentro das novidades do HTML 5, você pode e deve dar uma lida no “Rascunho” publicado pela W3C no último dia 24/05/2009 clicando aqui.

Boa leitura! E que venha o HTML 5!

, , , ,

TOPO