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! ;)

, , , , , , , , , , ,

20ago

[Rapidinha] – A diferença entre HTML e XHTML

FILED IN Rapidinhas | XHTML Sem comentários

A linguagem eXtensible HyperText Markup Language, ou simplesmente XHTML, é uma linguagem de marcação baseada em outra linguagem complexa chamada SGML e é destinada a escrever documentos web. A grande diferença entre o HTML e o XHTML está em suas regras:

  • Os documentos devem receber uma boa formatação/indentação
  • Todas as tags são escritas em letras minúsculas
  • Todas as tags e elementos vazios devem ser fechadas (em caso de tags sem fechamento, como o input, o fechamento deve ser feito desta maneira: <input type=”text” id=”teste” value=”" />).
  • Diferença na sintaxe dos atributos. Ex: readonly=”readonly”, checkd=”checkd”

Simples assim! :)

, , , , , ,

06set

[jQuery] – Seletores em jQuery

FILED IN jQuery 4 Comentários

Um dos posts mais cotados no meu blog é o “Ajax com jQuery – $.get, $.post e $.ajax” e, com base na dúvida de um usuário, preparei um exemplo com os 3 seletores mais utilizados em jQuery (download dos arquivos aqui). Mas, recomendo uma leitura na documentação do jQuery, pois você encontrará todas as possibilidades para selecionar elementos em seu código.

//Selecionar pelo id
function alertById(){
var seletorId = $("#id-seletor").val();
alert(seletorId);
}
//Selecionar pela class
function alertByClass(){
var seletorClass = $(".class-seletor").val();
alert(seletorClass);
}
/*
* Selecionar pela tag OBS:  Quando você pretende resgatar o texto que esta dentro
* de uma tag e essa tag não possui value, utiliza-se .html()
*/
 function alertByTag(){
var seletorClass = $("p").html();
alert(seletorClass);
}

, , ,

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