[HTML]目次(Table of contents)の使用

投稿タイトルをh1にしたので、ぼちぼち目次を

W3Cのテンプレートの一部を使うことにしました

HTML

<nav class="toc" aria-labelledby="toc-label">
	<h2 id="toc-label">Page contents</h2>
	<ul>
		<li><a href="#link-to-anchor-1">First heading</a>
            <ul>
                <li><a href="#link-to-sub-anchor-1">First subheading</a></li>
                <li><a href="#link-to-sub-anchor-2">Second subheading</a></li>
            </ul>
        </li>
		<li><a href="#link-to-anchor-2">Second heading</a></li>
		<li><a href="#link-to-anchor-3">Third heading</a></li>
	</ul>
</nav>

Table of contents - W3C Design System
https://design-system.w3.org/components/toc.html

このブログだと以下の表示になります

Page contents

• First heading
  • First subheading
  • Second subheading
• Second heading
• Third heading

まぁCSS追加しないで、このままでいいかな