Blog Web Standards

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

18 2010 novembro

Documento base para HTML5

Autor: Carlitos em HTML, Web Standards

Aqueles 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 necessária para iniciar um XHTML 1.1 Strict.

Agora, com a demanda cada vez maior pelo HTML5, estamos disponibilizando o Documento base para HTML5:

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="pt-br"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="pt-br"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="pt-br"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="pt-br"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=1020" />
  <title></title>
  <link href="humans.txt" rel="author" />
  <link href="css/estilo_geral.css?v=1" rel="stylesheet" />
  <link href="css/estilo_paginas.css?v=1" rel="stylesheet" />
  <link href="css/estilo_print.css?v=1" rel="stylesheet" media="print" />
  <script src="scripts/modernizr-1.7.min.js"></script>
  <!--[if lt IE 9]>
    <script src="scripts/innershiv.min.js"></script>
    <script src="scripts/selectivizr-min.js"></script>
  <![endif]-->
</head>
<body>

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

<!-- abre #topo -->
  <header id="topo">

  </header>
<!-- fecha #topo -->

<!-- abre #conteudo -->
  <div id="conteudo">

  </div>
<!-- fecha #conteudo -->

<!-- abre #rodape -->
  <footer id="rodape">

  </footer>
<!-- fecha #rodape -->

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

<!-- abre scripts finais, visando a melhor performance do site -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="scripts/swfobject.js"></script>
<script src="scripts/funcionalidades.js"></script>
<!-- fecha scripts finais, visando a melhor performance do site -->

</body>
</html>

Scripts usados

Tags:

2 comentários