html5で作る時の枠組み

個人的に、最小限に抑えたいので下記かな。と

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>タイトル要素</title>
<meta name="description" content="コンテンツ内容">
<meta name="keywords" content="キーワード">
<link rel="index" href="/">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- CSS -->
<link rel="stylesheet" href="./css/style.css">
<!-- JAVASCRIPT -->
<script src="./js/main.js"></script>
<!-- GOOGLE ANALYTICS -->
</head>

<body>

<!-- ヘッダー -->
<header>
<hgroup>
<h1><a href="/">サイト名</a></h1>
<p>サイト基本情報</p>
</hgroup>
<nav>
<ul>
<li><a href="/">メニュー1</a></li>
<li><a href="/">メニュー2</a></li>
</ul>
</nav>
</header>

<!-- 要素が入る時とか -->
<section>
<h2>h2</h2>
<p>text text text text</p>
</section>

<!-- FOOTER -->
<footer>
<ul>
<li><a href="/">サブメニュー1</a></li>
<li><a href="/">サブメニュー2</a></li>
<li><a href="/">サブメニュー3</a></li>
</ul>
<p>Copyright &copy; 2012 ○○  All Rights Reserved.</p>
</footer>

</body>

参考:【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1

  • written on 2012.10.24
  • category : html

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑