更新履歴のhtml構成 - 自分方位研究所

昨日から再開した「更新履歴」ですが、そのうち更新が途絶えて、やり方が分からなくなったときの自分用に、メモを残す意味で投稿しておきます。独り言みたいな投稿で申し訳ありません。

「更新履歴」はhtmlモードにて編集しています。

実際には、別のテキストエディタで編集して、それを全部コピーして、はてなブログの「固定ページ」に貼り付けています。

同一ページ内にスタイルシート設定を入れて、別ページに影響が出ないようにしています。

<!-- ★ 以下スタイルシート ★ -->
<style>

tbody.kemu {line-height: 0.9 }
tr.day-hr {border-top: ridge 3px}


caption { text-align: left } 

th {   
text-align: center;
white-space: nowrap; 
}

td {
font-size: 85%; 
line-height: 2ex; 
}



</style>

<!-- 月始めの頭出し フォーマット
<div>
2023年 <a href="#230301">3月</a>|<a href="#230401">4月</a>|<a href="#230501">5月</a>|<a href="#230601">6月</a>|<a href="#230701">7月</a>|<a href="#230801">8月</a>|<a href="#230901">9月</a>|<a href="#231001">10月</a>|
</div>
-->

<div>
2024年 <a href="#240401">4月</a>
</div>



<table><caption>【 更新履歴 】</caption>
	<tbody class="kemu">
		<tr>
			<th>日付</th>
			<th>投稿記事タイトル／その他の作業 覚え書き</th>
		</tr>


<!-- ★ 以下毎日のデータのフォーマット 23/4/12 ★ -->
<!--
		<tr class="day-hr">
			<td rowspan="3">3/19</td>
			<td><a href="https://www.mypath-as-variant.com/entry/.">1行目</a></td>
		</tr>

		<tr>
		<td>追記 → <a href="https://www.mypath-as-variant.com/entry/.">2行目</a></td>
		</tr>

		<tr>
		<td>追記 → <a href="https://www.mypath-as-variant.com/entry/.">3行目</a></td>
		</tr>
-->



<!-- ★ 以下毎日のデータ ★ -->



		<tr class="day-hr">
			<td rowspan="2">4/05</td>
			<td>更新履歴を新規に作成→ <a href="https://www.mypath-as-variant.com/updatelog5">更新履歴v5 ( 2024/4/1 ～ )</a></td>
		</tr>
		<tr>
		<td><a href="https://www.mypath-as-variant.com/entry/2024/04/05/223143">更新履歴を新しく作成しました。</a></td>
		</tr>


		<tr class="day-hr">
			<td rowspan="1">4/04</td>
			<td><a href="https://www.mypath-as-variant.com/entry/2024/04/04/230922">ガーベラの花粉</a></td>
		</tr>

		<tr class="day-hr">
			<td rowspan="1">4/03</td>
			<td><a href="https://www.mypath-as-variant.com/entry/2024/04/03/165048">日経新聞の「私見卓見」から、投稿サイト「日経COMEMO(コメモ)」を知る</a></td>
		</tr>

		<tr class="day-hr">
			<td rowspan="1">4/02</td>
			<td><a href="https://www.mypath-as-variant.com/entry/2024/04/02/213909">1982年</a></td>
		</tr>

		<tr class="day-hr">
			<td id="240401"  rowspan="1">4/01</td>
			<td><a href="https://www.mypath-as-variant.com/entry/2024/04/01/230103">春の夏日に昭和記念公園。桜はまだ。</a></td>
		</tr>


	</tbody>
</table>

基本的に一日分の構成はコレ

		<tr class="day-hr">
			<td rowspan="1">4/04</td>
			<td><a href="https://www.mypath-as-variant.com/entry/2024/04/04/230922">ガーベラの花粉</a></td>
		</tr>

1日1行が基本ですが、複数行にしたいときは

この数値を、2、3、4・・・と増やしていきます。以下は４月５日に２行表示にした場合。

<tr class="day-hr">
			<td rowspan="2">4/05</td>
			<td>更新履歴を新規に作成→ <a href="https://www.mypath-as-variant.com/updatelog5">更新履歴v5 ( 2024/4/1 ～ )</a></td>
		</tr>
		<tr>
		<td><a href="https://www.mypath-as-variant.com/entry/2024/04/05/223143">更新履歴を新しく作成しました。</a></td>
		</tr>

毎月１日には　

のように　tdタグにid="240401"

を付けることにより、ジャンプできるようにしています。

<tr class="day-hr">
			<td id="240401"  rowspan="1">4/01</td>
			<td><a href="https://www.mypath-as-variant.com/entry/2024/04/01/230103">春の夏日に昭和記念公園。桜はまだ。</a></td>
		</tr>

とまぁ、こんな感じで。

忘れないように続けていけますように。