HTML Heading Structure
Headings in HTML define the structure of your content. Proper use of heading tags helps screen readers and search engines understand the hierarchy and context of your content.
Available Heading Tags
<h1>– Main heading (used once per page).<h2>– Subsection of<h1>.<h3>– Subsection of<h2>, and so on up to<h6>.
Best Practices
- Use only one
<h1>per page to represent the main topic. - Follow a logical order: don’t skip heading levels (e.g.,
h1 → h3withouth2). - Use headings to break content into readable sections.
- Don’t use headings just to make text bold or large — use CSS for styling.
Example Structure
<h1>HTML Tutorial</h1>
<h2>Introduction</h2>
<h2>Basic Tags</h2>
<h3>Headings</h3>
<h3>Paragraphs</h3>
<h2>Forms</h2>
<h3>Input Elements</h3>
<h3>Labels</h3>