リンク
リンクリスト(縦並び)
サンプルソース
<ul class="link-list1">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.link-list1 --></ul>
リンクリスト(横並び)
サンプルソース
<ul class="link-list2">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.link-list2 --></ul>
ページ内リンク
サンプルソース
<ul class="link-list-toc">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.link-list-toc --></ul>
関連情報/オススメ情報など
サンプルソース
<div id="sampleID" class="hoge sampleClass"><!-- 関連情報/オススメ情報などにあたるID/classを、hogeはサイト内の汎用的なclass名(section-lv2など) -->
<h2>関連情報/オススメ情報など</h2><!-- h3,h4など見出しレベルが変わる場合は適宜 -->
<ul class="remote-nav">
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<li><a href="sample.html">リンクテキスト</a></li>
<!-- /.remote-nav --></ul>
<!-- /#sampleID.hoge.sampleClass --></div>
外部リンク
サンプルソース
<a href="sample.html" class="external">リンクテキスト</a>
PDFリンク
サンプルソース
<a href="sample.html" class="pdf">リンクテキスト</a>
wordリンク
サンプルソース
<a href="sample.html" class="doc">リンクテキスト</a>
excelリンク
サンプルソース
<a href="sample.html" class="xls">リンクテキスト</a>
power pointリンク
サンプルソース
<a href="sample.html" class="ppt">リンクテキスト</a>
gifリンク
サンプルソース
<a href="sample.html" class="gif">リンクテキスト</a>
jpgリンク
サンプルソース
<a href="sample.html" class="jpg">リンクテキスト</a>
pngリンク
サンプルソース
<a href="sample.html" class="png">リンクテキスト</a>