Estrutura mínima de um documento XHTML
Postado por: Pedro Rogério emPara aquelas pessoas que estão começando agora no mundo do desenvolvimento web e não sabem como iniciar um documento XHTML, vou mostrar nesse post um exemplo muito simples que pode até ser usado com um template para futuros arquivos html:
<!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">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Exemplo de XHTML Strict</title>
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<p>…Conteúdo do XHTML aqui…</p>
</body>
</html>
Vamos as explicações:
- Doctype: Utilize sempre Doctype Strict, pois assim você força o browser a seguir corretamente os padrões web, dentro do possível, sempre que possível.
- xml:lang=”pt-br” lang=”pt-br”: Aqui é onde você define a linguagem do seu documento previsto no XML document schemas
- title, meta, stylesheet e scripts: Todos eles são definidos dentro da Tag head do seu HTML, title para título da página, meta para meta tags, stylesheet para o CSS e scripts são onde você irá adicionar seus arquivos JavaScript.
- body: É aí dentro que você irá construir sua página, todo o código HTML virá dentro da tag body.
Como podem ver não existem muitos segredos ao se escrever documentos XHTML.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
strict é strict… como faz para contornar o funcionamento de iframe (que não permitido) com object ?
E quando precisar de um “lightbox” da vida que só trabalha com iframe, como faz para validar, ou faz um lightbox na raça ?
Muito bom.
@Rubens Cavalheiro,
Para isso e outras coisas, utilize JavaScript.
Ah! Como o meu forte não é tanto Front-End, ainda utilizo o Doctype transitional. Quando eu virar um rato que nem você, aí sim usarei o Script rsrs
Recentimente li um artigo bem interessante. Nele o autor fala sobre a importância de se declarar o meta http-equiv como sendo o primeiro filho de :
Bem interessante, vale a pena conferir: http://local.joelonsoftware.com/mediawiki/index.php/O_M%C3%ADnimo_Absoluto_Que_Todo_Desenvolvedor_de_Software_Absolutamente%2C_Positivamente_Precisa_Saber_Sobre_Unicode_e_Conjuntos_de_Caracteres_%28Sem_Desculpas%21%29#O_Fato_Mais_Importante_Sobre_Codifica.C3.A7.C3.A3o
@Isaias,
Muito boa dica, não sabia dessa, aliás, já ouvi recomendações de colocar primeiro o title, depois meta, styles e por último JavaScript. Efetuei a alteração no post também.
Para fechar com chave de ouro rs rs rs. Reza a lenda que a invocação por um js deve acontecer logo antes do fechando de body, dessa forma o browser não paralisa na leitura do javascript para depois renderizar o html. Muito útil, o google recomenda isso, já imaginou carregar em memória toda a API do goole maps? Para comprovar, cito o 6º capitulo (Put the scripts at de Bottom) do livro da OReilly, Heigh Performace Web Sites. Confira alguns testes aqui: http://stevesouders.com/hpws/rule-js-bottom.php E a lista completa das 14 regras em suma aqui: http://developer.yahoo.com/performance/rules.html
@Isaias,
Muito bom, essa de colocar o JS no final do site eu já sabia. Valeu pelas dicas.
Li esse livro da O’Reilly, porém fiquei curioso em como seria a validação “strict” carregando os arquivos JS no final da página. Algum de vocês já utilizou essa técnica validando um documento “strict” ?
@Danilo,
Já testei e valida normalmente.
nossa, valeu pelo toque!
Mas se for colocar o js antes de fechar o body, não seria errado?
Grande abraço!
@eek,
Não, pois o JavaScript pode ser inserido dentro do corpo da página também, e por boas práticas é aconselhável inserir o JavaScript na página antes de fechar o body.
Mas é obrigado indicar o xml:lang=”pt-br”? Pouco utilizo dele nos meus códigos.
@Tiago Celestino,
Até ondeu eu sei, se você faz o uso de lang, deve colocar também o xml:lang. Vou procurar mais informações sobre isso e disponibilizo aqui no blog.