自分方位研究所

日々の活動記録

ブログ更新履歴に月ごとのリンク(目次)を作成

2022年2月から始めた毎日の更新履歴も5ヶ月目に入りました。
各月の1日目の記事にジャンプできるように、冒頭にリンクを設定しましたのでお知らせします。

各月をクリックすると、ジャンプします。

どうやっているかというと、
HTMLの href属性に「#」記号を付けて、ジャンプ先を指定しています。

<div>2022年 <a href="#220201">2月</a>|<a href="#220301">3月</a>|<a href="#220401">4月</a>|<a href="#220501">5月</a>|<a href="#220601">6月</a></div>

各日付ごとの記述では、各月の第1日目に id属性を設定しています。

<div id="220601" class="historylog-day-outer">
<h3 class="historylog-date">2022/06/01 (水)</h3>
<ol>
<li>新規投稿:<a href="https://www.mypath-as-variant.com/entry/2022/06/01/235249">毛布を古布回収に出す</a></li>
</ol>
</div>

ジャンプしっぱなしで、戻るには、スクロールするか、ブラウザの「戻る」ボタンを使う必要があります。

新しい月を迎えるたびに設定していきます。