jacksonfdam/index0.html

## index0.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
	<meta charset="utf-8"/>
	<title>HTML5 e CSS3</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="author" href="" />
	<link rel="index" href="" />
	<link rel="home" href="" />
	<link rel="up" href="" />
	<link rel="first" href="" />
	<link rel="next" href="" />
	<link rel="prev" href="" />
	<link rel="last" href="" />
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<!--
	HTML5Shiv is a JavaScript workaround, invented by Sjoerd Visscher, to enable styling of HTML5 elements in versions of Internet Explorer prior to version 9, which do not allow unknown elements to be styled without JavaScript. While some people refer to it as "HTML5Shim" with respect to shim, there is no real difference between the names and as noted in the code repository, the only difference is that "one has an m and one has a v - that's it."

	In computer programming, a shim is a small library that transparently intercepts an API and changes the arguments passed, handles the operation itself, or redirects the operation elsewhere.[1][2] Shims typically come about when the behavior of an API changes, thereby causing compatibility issues for older applications which still rely on the older functionality. In such cases, the older API can still be supported by a thin compatibility layer on top of the newer code. Web polyfills are a related concept. Shims can also be used for running programs on different software platforms than they were developed for.

	See: http://en.wikipedia.org/wiki/Polyfill

	https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
	-->

	<!--[if lt IE 9]>
		<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
	<![endif]-->

	<style>
		.wsno,
		.wsyes { display: none; }
		.no-websockets .wsno,
		.websockets .wsyes { display: block; }
	</style>


	<script type="text/javascript">
		Modernizr.load({
			test: Modernizr.placeholder,
			nope: 'placeme.js'
		});
	</script>
</head>
<body>
	<header>
		<hgroup>
			<h1>HTML5</h1>
			<h2>Um guia de referência para os desenvolvedores web.</h2>
			<h3>TargetTrust</h3>
		</hgroup>
	</header>
	<article>
		<h1>Guia de Referência</h1>
		<h2>Índice</h2>

		<p class="wsno">Seu navegador não suporta WebSockets.</p>

		<p class="wsyes">Seu navegador suporta WebSockets.</p>

		<details open>
			<summary>
				Parte 1: Markup
			</summary>
			<ol>
				<li><a href="#">Visão geral do HTML5.</a></li>
				<li><a href="#">Análise do suporte atual pelos navegadores e estratégias de uso</a></li>
				<li><a href="#">Estrutura básica, DOCTYPE e charsets</a></li>
				<li><a href="#">Modelos de conteúdo</a></li>
				<li><a href="#">Novos elementos e atributos</a></li>
				<li><a href="#">Elementos modificados e ausentes</a></li>
			</ol>
		</details>
		<details open>
			<summary>
				Parte 2: Formulários e Multimídia
			</summary>
			<ol start="7">
				<li><a href="#">Novos tipos de campos</a></li>
				<li><a href="#">Tipos de dados e validadores</a></li>
				<li><a href="#">Detalhes e conteúdo editável.</a></li>
				<li><a href="#">Drag-n-drop e correção ortográfica</a></li>
				<li><a href="#">Elementos audio e video, e codecs</a></li>
				<li><a href="#">Elemento device e Stream API</a></li>
			</ol>
		</details>
		<time>2014-04-23</time>
		<time datetime="2014-04-23">23<sup>th</sup> Abril</time>
		<time datetime="20:00">Iniciando as 20h</time>
		<time datetime="2014-04-23T20:00+00:00">20hrs é meu aniversário</time>
		<time datetime="2014-04-23T20:00Z">20hrs é meu aniversário</time>
	</article>

	</body>
</html>
	<!DOCTYPE html>
	<html lang="pt-br">
	<head>
	<meta charset="utf-8"/>
	<title>HTML5 e CSS3</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="author" href="" />
	<link rel="index" href="" />
	<link rel="home" href="" />
	<link rel="up" href="" />
	<link rel="first" href="" />
	<link rel="next" href="" />
	<link rel="prev" href="" />
	<link rel="last" href="" />
	<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<!--
	HTML5Shiv is a JavaScript workaround, invented by Sjoerd Visscher, to enable styling of HTML5 elements in versions of Internet Explorer prior to version 9, which do not allow unknown elements to be styled without JavaScript. While some people refer to it as "HTML5Shim" with respect to shim, there is no real difference between the names and as noted in the code repository, the only difference is that "one has an m and one has a v - that's it."

	In computer programming, a shim is a small library that transparently intercepts an API and changes the arguments passed, handles the operation itself, or redirects the operation elsewhere.[1][2] Shims typically come about when the behavior of an API changes, thereby causing compatibility issues for older applications which still rely on the older functionality. In such cases, the older API can still be supported by a thin compatibility layer on top of the newer code. Web polyfills are a related concept. Shims can also be used for running programs on different software platforms than they were developed for.

	See: http://en.wikipedia.org/wiki/Polyfill

	https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
	-->

	<!--[if lt IE 9]>
	<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
	<![endif]-->

	<style>
	.wsno,
	.wsyes { display: none; }
	.no-websockets .wsno,
	.websockets .wsyes { display: block; }
	</style>


	<script type="text/javascript">
	Modernizr.load({
	test: Modernizr.placeholder,
	nope: 'placeme.js'
	});
	</script>
	</head>
	<body>
	<header>
	<hgroup>
	<h1>HTML5</h1>
	<h2>Um guia de referência para os desenvolvedores web.</h2>
	<h3>TargetTrust</h3>
	</hgroup>
	</header>
	<article>
	<h1>Guia de Referência</h1>
	<h2>Índice</h2>

	<p class="wsno">Seu navegador não suporta WebSockets.</p>

	<p class="wsyes">Seu navegador suporta WebSockets.</p>

	<details open>
	<summary>
	Parte 1: Markup
	</summary>
	<ol>
	<li><a href="#">Visão geral do HTML5.</a></li>
	<li><a href="#">Análise do suporte atual pelos navegadores e estratégias de uso</a></li>
	<li><a href="#">Estrutura básica, DOCTYPE e charsets</a></li>
	<li><a href="#">Modelos de conteúdo</a></li>
	<li><a href="#">Novos elementos e atributos</a></li>
	<li><a href="#">Elementos modificados e ausentes</a></li>
	</ol>
	</details>
	<details open>
	<summary>
	Parte 2: Formulários e Multimídia
	</summary>
	<ol start="7">
	<li><a href="#">Novos tipos de campos</a></li>
	<li><a href="#">Tipos de dados e validadores</a></li>
	<li><a href="#">Detalhes e conteúdo editável.</a></li>
	<li><a href="#">Drag-n-drop e correção ortográfica</a></li>
	<li><a href="#">Elementos audio e video, e codecs</a></li>
	<li><a href="#">Elemento device e Stream API</a></li>
	</ol>
	</details>
	<time>2014-04-23</time>
	<time datetime="2014-04-23">23<sup>th</sup> Abril</time>
	<time datetime="20:00">Iniciando as 20h</time>
	<time datetime="2014-04-23T20:00+00:00">20hrs é meu aniversário</time>
	<time datetime="2014-04-23T20:00Z">20hrs é meu aniversário</time>
	</article>

	</body>
	</html>