Step 1: The <h4> tag creates sub-subsection headings within a page. It's the fourth level of heading hierarchy, used for sub-subsections within h3 sections. You can use multiple h4 tags per page.

<h4>

Step 2: The <h4> tag wraps sub-subsection title text. It's a block-level element that creates a bold heading, smaller than h3 but larger than h5. Browsers render it with the fourth-largest default font size among headings.

<h4>Sub-subsection Title</h4>

Step 3: Headings create a hierarchy: h1 is the main title, h2 is for major sections, h3 for subsections, h4 for sub-subsections. You can have multiple h4 tags to organize different sub-subsections. Always use h4 after h3, not h5.

<h1>Main Title</h1>
<h2>Section One</h2>
<h3>Subsection A</h3>
<h4>Sub-subsection 1</h4>
<h4>Sub-subsection 2</h4>

Step 4: In the browser, the h4 appears as a bold heading, smaller than h3. It helps organize content into sub-subsections and improves navigation for both users and screen readers.

<h4>Sub-subsection Title</h4>

Step 5: Checkpoint: What heading level should come after h3?

<h3>Subsection</h3>
<h4>Sub-subsection</h4>

Step 6: Correct! Use h4 after h3 for sub-subsections. You can have multiple h4 tags to organize different sub-subsections within a subsection. This maintains proper document structure.

<h3>Subsection A</h3>
<h4>Sub-subsection 1</h4>
<h4>Sub-subsection 2</h4>

Step 7: Now it's your turn. Sub-subsection headings are essential for organizing content and improving navigation. Complete the challenges below to master the H4 tag!

h4.html

1 / 7

📋

Tutor:The <h4> tag creates sub-subsection headings within a page. It's the fourth level of heading hierarchy, used for sub-subsections within h3 sections. You can use multiple h4 tags per page.

⭐ 0 EXP

Heading Mastery

Unlock nodes by learning heading structure and semantics.

Concept 1: The H4 Tag

The <h4> tag creates sub-subsection headings within a page. It's the fourth level of heading hierarchy, used for sub-subsections within h3 sections. You can use multiple h4 tags per page.

System Check

What heading level should come after h3?

h2h4h5p

Community Holo-Net

Share Heading Structures

Created effective sub-subsection hierarchies? Share your code and best practices.

Enjoying this guide?

Codesyllabus is 100% free and open-source. Support our mission, pay for server infrastructure, and fuel new tutorials by buying us a coffee!

HTML H4 Tag

Pascual Vila

Frontend Instructor.

The <h4> tag creates sub-subsection headings within a page. It's the fourth level of heading hierarchy, used for sub-subsections within h3 sections. You can use multiple h4 tags per page to organize different sub-subsections.

Sub-subsection Heading

The <h4> element represents sub-subsections of content within h3 sections. It's a block-level element that browsers render with a font size smaller than h3 but larger than h5. You can use multiple h4 tags to organize different sub-subsections within a subsection.

Heading Hierarchy

Headings create a document outline: <h1> is the main title, <h2> for major sections, <h3> for subsections, <h4> for sub-subsections. Always use h4 after h3, not h5. You can have multiple h4 tags to organize different sub-subsections within a subsection.

SEO and Accessibility

Sub-subsection headings help search engines understand the structure and organization of your page content. Screen readers use headings to navigate pages, so proper heading structure with h4 sub-subsections improves accessibility and user experience.

Best Practices

Use <h4> for sub-subsections within h3 sections. You can have multiple h4 tags to organize different sub-subsections. Use h5 for sub-sub-subsections within h4 sections. Maintain a logical hierarchy without skipping levels. Use CSS to style headings rather than choosing heading levels based on appearance.

H4 Tag Glossary

<h4>: HTML element that creates sub-subsection headings within a page. Used for sub-subsections within h3 sections. You can use multiple h4 tags per page.
Heading Hierarchy: The logical structure of headings from h1 (main title) through h6 (smallest subheading). H4 comes after h3 and before h5.
Block Element: An element that creates a new line and takes full width. <h4> is a block-level element.
Sub-subsection Organization: Using multiple h4 tags helps organize page content into distinct sub-subsections within subsections, improving readability and navigation.
Document Outline: The hierarchical structure created by headings. Screen readers and search engines use this to understand page organization. H4 sub-subsections create the fourth level of this outline.

📖 INDEX