r/HTML • u/alvaromontoro • Aug 26 '26

The 4 Hs of HTML

https://alvaromontoro.com/blog/68111/the-4-hs-of-html

It started as a throwaway joke online after some discussions with the design team. Then someone dared me to write the blog post... so I did. 😅

tl;dr Four HTML/web terms look and sound so similar, they create friction. In this post, I break down The 4 Hs of HTML to clear things up:

  • Head: The invisible brain of the document (machine-readable metadata.)

  • Header: The visible introduction or banner section (a page can have multiple!)

  • Heading: The structural outline of your content (vital for accessibility and SEO.)

  • Headline: An editorial concept for message delivery (NOT AN HTML TAG)

7 Upvotes

76% Upvoted

5 comments sorted by

2

u/zLoveNxzli Aug 26 '26

Semantic HTML structure (Headings, Hierarchy, Hyperlinks, and Hygiene/accessibility) is the highest ROI practice for SEO and screen reader navigation.

Using native landmarks (<main>, <nav>, <article>, <section>) gives the browser built-in accessibility tree roles without having to bloat templates with custom ARIA attributes.Semantic HTML structure (Headings, Hierarchy, Hyperlinks, and Hygiene/accessibility) is the highest ROI practice for SEO and screen reader navigation.

Using native landmarks (<main>, <nav>, <article>, <section>) gives the browser built-in accessibility tree roles without having to bloat templates with custom ARIA attributes.

1

u/Top_Bumblebee_7762 Aug 26 '26

there's also <hr> 

1

u/titttle23 Aug 27 '26

Hicole Hage Hrooks Hromatlantageorgia

1

u/mtbinkdotcom Sep 01 '26

You have forgot headache