TM_BBの静的HTMLサイトです

ブログ目次からも来れますが。
前のページの 次へ ボタンが気になってポチっと押しちゃった人、正解です＾＾v
そういう好奇心って大事だと思います。

ブログ等の連続したページの場合、前のページ・次のページへのリンクを付けたいですか？
いくつか紹介しますね。

タイトルの後にサンプルと記述を入れています。

シンプル

前へ　/　 次へ

<!-- 前へ次へ --><section class="content"><article class="non"><p class="cc">
<a href="#"><i class="fas fa-angle-double-left"></i> 前へ</a>　/　
<a href="#">次へ <i class="fas fa-angle-double-right"></i></a>
</p></article></section><!-- / 前へ次へ -->

枠付き

前へ　/　 次へ

<!-- 前へ次へ --><section class="content"><article class="non"><p class="cc waku">
<a href="#"><i class="fas fa-angle-double-left"></i> 前へ</a>　/　
<a href="#">次へ <i class="fas fa-angle-double-right"></i></a>
</p></article></section><!-- / 前へ次へ -->

大きな枠付き

前へ　/　 次へ

<!-- 前へ次へ --><section class="content"><article class="non"><p class="cc infow">
<a href="#"><i class="fas fa-angle-double-left"></i> 前へ</a>　/　
<a href="#">次へ <i class="fas fa-angle-double-right"></i></a>
</p></article></section><!-- / 前へ次へ -->

ボタン風

前へ　/　 次へ

<!-- 前へ次へ --><section class="content"><article class="non"><p class="cc">
<span class="gr1"><a href="#"><i class="fas fa-angle-double-left"></i> 前へ</a>　/　
<a href="#">次へ <i class="fas fa-angle-double-right"></i></a></span>
</p></article></section><!-- / 前へ次へ -->

個別ボタン

前へ　 次へ

<!-- 前へ次へ --><section class="content"><article class="non"><p class="cc">
<span class="gr1"><a href="#"><i class="fas fa-angle-double-left"></i> 前へ</a></span>　
<span class="gr1"><a href="#">次へ <i class="fas fa-angle-double-right"></i></a></span>
</p></article></section><!-- / 前へ次へ -->

個別ボタン各色の『 class="gr"』

前へ　 次へ

<!-- 前へ次へ --><section class="content"><article class="non"><p class="cc">
<a href="#"><span class="gr waku"><i class="fas fa-angle-double-left"></i> 前へ</span></a>　
<a href="#"><span class="gr waku">次へ <i class="fas fa-angle-double-right"></i></span></a>
</p></article></section><!-- / 前へ次へ -->

このサイトではこの 前へ　 次へ を採用しました。