Blog Web Standards

Soluções para os problemas enfrentados pelos desenvolvedores HTML e CSS no dia-a-dia

23 2009 janeiro

Documento base para XHTML

Autor: Carlitos em HTML

Última modificação: 31 maio 2011

Em desuso. Esse código está ultrapassado em nosso padrão, então evitamos usá-lo.

Gostaria de padronizar seus documentos XHTML? Uma boa forma de começar seu código é com o nosso exemplo utilizado pela equipe, ao início de todos os projetos:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" dir="ltr">
<head>
  <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <title></title>
  <link href="css/estilo_geral.css?v=1" rel="stylesheet" type="text/css" media="screen" />
  <link href="css/estilo_paginas.css?v=1" rel="stylesheet" type="text/css" media="screen" />
  <link href="css/estilo_print.css?v=1" rel="stylesheet" type="text/css" media="print" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  <script src="scripts/swfobject.js"></script>
  <script src="scripts/funcionalidades.js"></script>
  <!--[if lt IE 9]><script src="scripts/selectivizr-min.js"></script><![endif]-->
  <!--[if lt IE 8]><script src="scripts/ie6update.js"></script><![endif]-->
  <!--[if IE 6]><script src="scripts/DD_belatedPNG_0.0.8a-min.js"></script><![endif]-->
</head>
<body>

<!-- abre limites -->
<div class="limites">

<!-- abre topo -->
  <div id="topo">

  </div>
<!-- fecha topo -->

<!-- abre conteúdo -->
  <div id="conteudo">

  </div>
<!-- fecha conteúdo -->

<!-- abre rodapé -->
  <div id="rodape">

  </div>
<!-- fecha rodapé -->

</div>
<!-- fecha limites -->

</body>
</html>

Scripts usados

9 comentários

Responder
  1. 28 de janeiro de 2009

    Rafael disse:

    No “Checklist para HTML”, acredito que a maneira mais correta para:

    Este é o subtítulo

    Seria:


    Este é o subtítulo

    Ou qualquer outro h# dependendo do nivel do subtituilo. Com ou sem o atributo class (amigavel, claro).

  2. 28 de janeiro de 2009

    Carlitos disse:

    Com certeza Rafael.

    Foi um erro que passou desapercebido…
    Como sabemos, as tags h1, h2, h3, h4, h5 e h6 tem justamente a função de designar títulos e subtítulos das páginas.

    Erro corrigido!

  3. 30 de janeiro de 2009

    toscotilldeath disse:

    Gosto de usar media types dentro do css, assim evita a necessidade de ficar criando vários CSS.

    Abraços!

  4. 30 de janeiro de 2009

    Carlitos disse:

    Nós já descartamos essa possibilidade.

    Em um certo momento pensamos em implementar, como você disse, os CSS de diferente tipos de mídia dentro de um mesmo arquivo, para evitar ter de chamá-los um a um via HTML. Porém tivemos problemas no Internet Explorer 6, que não conseguiu interpretar estes arquivos “anexados” no CSS principal.

    Infelizmente 🙁

  5. 2 de fevereiro de 2009

    Mateus disse:

    Porque vocês usam iso-8859-1?

  6. 2 de fevereiro de 2009

    Carlitos disse:

    A codificação iso-8859-1 mostrou-se mais adequada para as nossas necessidades, pois podemos escrever códigos acentuados e com caracteres especiais sem nos preocupar.

    Quando fazíamos em utf-8 era comum termos alguns problemas com determinadas páginas e, por isso, iso-8859-1 foi a melhor solução.

    Mas vocês podem utilizar o que for mais adequado ao projeto… Essa é uma questão de padronização, apenas.

  7. 4 de março de 2009

    Daniel disse:

  8. 18 de novembro de 2010

    Documento base para HTML5 | Blog Web Standards disse:

    […] que acompanham o Blog Web Standards, sabem que já temos o Documento base para HTML, que serve como o primeiro passo para qualquer projeto, inserindo meta tags e a estrutura […]

  9. 3 de março de 2012

    Documento base para HTML5 | RTF disse:

    […] que acompanham o Blog Web Standards, sabem que já temos o Documento base para XHTML, que serve como o primeiro passo para qualquer projeto, inserindo meta tags e a estrutura […]

Escreva seu comentário