akaizn/HTML5_Template.txt

## HTML5_Template.txt
<!DOCTYPE html><!-- Informa ao browser o tipo do documento nesse caso html-->
<html lang="pt">
<!-- atributo lang define a lingua duma secção, nesse caso está definindo a lingua de todo documento html (todo site) -->
<head>
<meta charset="utf-8"/>
<!-- tag meta com atributo charset: Define o tipo de carateres especias do site nesse caso utf-8, um tipo mais universal por cobrir carateres especiais de várias línguas -->
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<!-- tag meta com atributo viewport: define a escala inicial padrão de zoom que o site terá no determinado dispositivo, initial-scale=1.0 define a escala a 100% -->
<title></title>
<link rel="" href="" ><!-- atributo rel recebe o tipo de documento que queiras linkar, passamos stylesheet quando linkamos docs css, saiba que podes linkar vários outros tipos de docs -->
</head>
<body>
<div class="wrapper"><!-- wrapper nome muito usado para uma class ou id de um elemento que centraliza o site independetemente do zoom-->
<header><!-- Nova tag html5 - Secção de cabeçalho do site, aqui passas o logo e o menu de navegação da tua page-->
	<h1></h1>
	<nav><!-- Nova tag html5 - recebe o menu de navegação principal do site -->
    	<ul id="nav-list">
        	<li></li>
        </ul>
    </nav>
</header>
<div id="main-container">
</div>
<footer>&copy; Simão Dom Nziaka</footer><!-- Nova tag html5 - Secção de rodapé do site -->
</div>

<script src=""></script><!-- Aconselhavél colocar a tag script no fim da page. tbm aprendi isso em http://browserdiet.com/pt/ com zeno rocha dá lá uma passadinha -->

</body>
</html>
	<!DOCTYPE html><!-- Informa ao browser o tipo do documento nesse caso html-->
	<html lang="pt">
	<!-- atributo lang define a lingua duma secção, nesse caso está definindo a lingua de todo documento html (todo site) -->
	<head>
	<meta charset="utf-8"/>
	<!-- tag meta com atributo charset: Define o tipo de carateres especias do site nesse caso utf-8, um tipo mais universal por cobrir carateres especiais de várias línguas -->
	<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
	<!-- tag meta com atributo viewport: define a escala inicial padrão de zoom que o site terá no determinado dispositivo, initial-scale=1.0 define a escala a 100% -->
	<title></title>
	<link rel="" href="" ><!-- atributo rel recebe o tipo de documento que queiras linkar, passamos stylesheet quando linkamos docs css, saiba que podes linkar vários outros tipos de docs -->
	</head>
	<body>
	<div class="wrapper"><!-- wrapper nome muito usado para uma class ou id de um elemento que centraliza o site independetemente do zoom-->
	<header><!-- Nova tag html5 - Secção de cabeçalho do site, aqui passas o logo e o menu de navegação da tua page-->
	<h1></h1>
	<nav><!-- Nova tag html5 - recebe o menu de navegação principal do site -->
	<ul id="nav-list">
	<li></li>
	</ul>
	</nav>
	</header>
	<div id="main-container">
	</div>
	<footer>© Simão Dom Nziaka</footer><!-- Nova tag html5 - Secção de rodapé do site -->
	</div>

	<script src=""></script><!-- Aconselhavél colocar a tag script no fim da page. tbm aprendi isso em http://browserdiet.com/pt/ com zeno rocha dá lá uma passadinha -->

	</body>
	</html>