TOC Design Sample Article
This is a sample article to test the Table of Contents design with headings from H1 through H4.
Introduction
This article demonstrates the Table of Contents (TOC) design with various heading levels. The TOC should display headings from H2 through H4 by default.
What This Tests
This sample covers:
- H2 heading rendering
- H3 heading nesting
- H4 heading depth
- TOC navigation behavior
Heading Level 2 - First Section
This is the first H2 section. It contains some introductory content.
Heading Level 3 - Subsection A
This is a subsection under the first H2.
Heading Level 4 - Deep Nesting
This is an H4 heading nested under H3. It tests deep nesting in the TOC.
Another Heading Level 4
Another H4 at the same level to test multiple H4 entries under one H3.
Heading Level 3 - Subsection B
Another H3 section under the same H2.
Heading Level 4 - Another Deep Nest
Testing multiple H4s under different H3s.
Heading Level 2 - Second Section
A second top-level H2 section to test multiple top-level entries in the TOC.
Heading Level 3 - Another Subsection
Content under the second H2.
Heading Level 2 - Third Section
Final H2 section to complete the TOC test.
Heading Level 3 - Final Subsection
Last H3 in the article.
Heading Level 4 - Final Deep Heading
Final H4 to test deep nesting at the end.
Conclusion
This article tests the complete TOC hierarchy from H2 through H4 headings. The TOC should display all headings with proper nesting and allow smooth scrolling navigation.