Below is a sample content section. Only meta information, title, subtitle, and a featured image are placed in the header above, with the entire body content positioned underneath. .article-content.
Introduction
The initial paragraph describes the key points this article will illustrate.
Requirements
- Proper IDs on section headings
- Table of Contents links match these IDs
- Responsive header sizing
Steps
Step 1: Verify Structure
Ensure the header is fully terminated before the main content commences.
Step 2: Add IDs
Each H2/H3 used within the Table of Contents should have an associated id.
Step 3: Test ToC Links
Click on the ToC links in the sidebar and check if they smoothly scroll to the respective sections.
Conclusion
Keeping headers distinct from content prevents formatting issues and boosts SEO/UX performance.