htmlで良く使用する部分をフォーマットとしてメモしておきます。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>サイトタイトル</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.png');</script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="inner">
<h1><a href="/"><img src="img/common/logo.png" alt="サイトタイトル" width="" height=""></a></h1>
</div><!-- /.inner -->
<nav id="mainNav">
<ul class="gNav">
<li class="gNav01"><a href="#"></a></li>
<li class="gNav02"><a href="#"></a></li>
<li class="gNav03"><a href="#"></a></li>
<li class="gNav04"><a href="#"></a></li>
<li class="gNav05"><a href="#"></a></li>
<li class="gNav06"><a href="#"></a></li>
</ul>
</nav>
</header>
<nav class="breadCrumbs">
<ol>
<li><a href="/">トップページ</a></li>
<li><a href="/cat/">カテゴリ名</a></li>
<li>ページ名</li>
</ol>
</nav>
<div id="contents">
<article id="main">
<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>
<h6>見出し6</h6>
<p>吾輩わがはいは猫である。名前はまだ無い。</p>
<p>どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪どうあくな種族であったそうだ。この書生というのは時々我々を捕つかまえて煮にて食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌てのひらに載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ちついて書生の顔を見たのがいわゆる人間というものの見始みはじめであろう。この時妙なものだと思った感じが今でも残っている。第一毛をもって装飾されべきはずの顔がつるつるしてまるで薬缶やかんだ。その後ご猫にもだいぶ逢あったがこんな片輪かたわには一度も出会でくわした事がない。のみならず顔の真中があまりに突起している。そうしてその穴の中から時々ぷうぷうと煙けむりを吹く。どうも咽むせぽくて実に弱った。これが人間の飲む煙草たばこというものである事はようやくこの頃知った。</p>
<p>この書生の掌の裏うちでしばらくはよい心持に坐っておったが、しばらくすると非常な速力で運転し始めた。書生が動くのか自分だけが動くのか分らないが無暗むやみに眼が廻る。胸が悪くなる。到底とうてい助からないと思っていると、どさりと音がして眼から火が出た。それまでは記憶しているがあとは何の事やらいくら考え出そうとしても分らない。</p>
<ul>
<li>リストリスト</li>
<li>リストリスト</li>
<li>リストリストリストリストリストリストリストリストリストリストリストリスト<br>リストリストリストリストリストリストリストリストリストリスト</li>
<li>リストリスト</li>
</ul>
<ol>
<li>数日付きリスト</li>
<li>数日付きリスト数日付きリスト数日付きリスト<br>数日付きリスト数日付きリスト</li>
<li>数日付きリスト</li>
<li>数日付きリスト</li>
</ol>
<table>
<thead>
<tr>
<th scope="col">テーブル見出し（th）</th>
<th scope="col">テーブル見出し（th）</th>
<th scope="col">テーブル見出し（th）</th>
</tr>
</thead>
<tr>
<th scope="row">テーブル見出し（th）</th>
<td>テーブル本文（td）。テーブル本文（td）。テーブル本文（td）。テーブル本文（td）。テーブル本文（td）。</td>
<td>テーブル本文（td）</td>
</tr>
<tr>
<th scope="row">テーブル見出し（th）</th>
<td>テーブル本文（td）</td>
<td>テーブル本文（td）</td>
</tr>
<tr>
<th scope="row">テーブル見出し（th）</th>
<td>テーブル本文（td）</td>
<td>テーブル本文（td）</td>
</tr>
</table>
<blockquote>
<p>引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。引用文。</p>
</blockquote>
<dl>
<dt>定義文ー項目（dt）</dt>
<dd>定義文ー内容（dd）</dd>
<dd>定義文ー内容（dd）</dd>
</dl>
</article>
</div><!-- /#contents-->
<footer>
<p class="pageTop"><a href="#wrapper">ページの先頭へ</a></p>
<p id="copyright"><small>Copyright (c) ○○○. ALL Right Reserved.</small></p>
</footer>
</div><!-- /.wrapper-->
</body>
</html>
コメント