jekyll-toc
jekyll-toc copied to clipboard
How can I use the nav tag instead of the ul class?
<ul id="toc" class="section-nav">
<li class="toc-entry toc-h1"><a href="#heading1">Heading.1</a>
<ul>
<li class="toc-entry toc-h2"><a href="#heading1-1">Heading.1-1</a></li>
<li class="toc-entry toc-h2"><a href="#heading1-2">Heading.1-2</a></li>
</ul>
</li>
</ul>
I want to use it like this but I don't know how, can you help me ?
<nav id="toc" class="section-nav">
<li class="toc-entry toc-h2"><a href="#heading1-1">Heading.1-1</a></li>
<li class="toc-entry toc-h2"><a href="#heading1-2">Heading.1-2</a></li>
</nav>
<nav id="toc" class="section-nav">
<li class="toc-entry toc-h2"><a href="#heading1-1">Heading.1-1</a></li>
<li class="toc-entry toc-h2"><a href="#heading1-2">Heading.1-2</a></li>
</nav>
Refer to the HTML5 specification. For links with navigation (including top site navigation and page navigation), use
<nav>
<nav>
: The Navigation Section element
I think I see what you mean. The above is a misunderstanding
try this:
<nav class="nav" aria-label="Document directory">
{% toc %}
</nav>
{{ content }}