Skip to content
Design System
  • Home
  • Settings
  • Styles
  • Layouts
  • Components
  • Third party plugins
  • Templates
  • Activity
  • Archived content
  • Breadcrumbs
  • Cards
  • Collapsible containers
  • Columns
  • Content slider (carousel)
  • Crosslinks (You may also like)
  • Evangelists
  • Fifty-fifty
  • Footer
  • Group list
  • Header
  • Hero
  • Image component
  • Members
  • Navigation
  • Notes
  • Pagination
  • Pre-footer
  • Quote component
  • RSS
  • Table of contents
  • Tag list
  • Text component
  • Translations
  • Video component

Table of contents

Part of the default page template.

Open this Table of contents in a new tab

HTML:

<section class="toc">
	<h2>Page contents skip to links</h2>
	<ul class="clean-list" role="list">
		<li><a href="#link-to-anchor-1">First heading</a></li>
		<li><a href="#link-to-anchor-2">Second heading</a></li>
		<li><a href="#link-to-anchor-3">Third heading</a></li>
	</ul>
</section>

¶Considerations

Each link goes to a heading with an id. The link path and id need to match.

Copyright © 2021 W3C - generated 04 Mar 2022, 13:56:23 UTC

Feedback is welcome and can be submitted as a GitHub issue.