Estrutura mínima de um documento XHTML

Postado por: Pedro Rogério em

Para 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.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

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.

Central Server

15 Responses to “Estrutura mínima de um documento XHTML”

  1. 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 ?

  2. Wellington disse:

    Muito bom.

  3. @Rubens Cavalheiro,

    Para isso e outras coisas, utilize JavaScript.

  4. LeoCaseiro disse:

    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

  5. Isaias Alexandre disse:

    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

  6. @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.

  7. Isaias Alexandre disse:

    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

  8. @Isaias,

    Muito bom, essa de colocar o JS no final do site eu já sabia. Valeu pelas dicas.

  9. 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” ?

  10. @Danilo,

    Já testei e valida normalmente.

  11. eek disse:

    Mas se for colocar o js antes de fechar o body, não seria errado?

    Grande abraço!

  12. @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.

  13. Mas é obrigado indicar o xml:lang=”pt-br”? Pouco utilizo dele nos meus códigos.

  14. @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.

Leave a Reply