Jens Oliver Meiert

HTML: The 16 Content Categories and Their Elements

Post from January 20, 2021 (↻ May 27, 2021), filed under .

HTML puts elements into categories, so-called content categories. The specification describes these in the sections on kinds of content and element content categories.

This article serves as a boring, brief, but updated overview over the broad and overlapping categories of HTML, and which elements fall into them (without going into detail on elements with exceptions):

Contents

  1. Metadata Content
  2. Flow Content
  3. Sectioning Content
  4. Heading Content
  5. Phrasing Content
  6. Embedded Content
  7. Interactive Content
  8. Sectioning Roots
  9. Form-Associated Elements
  10. Listed Elements
  11. Submittable Elements
  12. Resettable Elements
  13. Autocapitalize-Inheriting Elements
  14. Labelable Elements
  15. Palpable Content
  16. Script-Supporting Elements

Metadata Content

Flow Content

Sectioning Content

Heading Content

Phrasing Content

Embedded Content

Interactive Content

There are also the following categories:

Sectioning Roots

Form-Associated Elements

Listed Elements

Submittable Elements

Resettable Elements

Autocapitalize-Inheriting Elements

Labelable Elements

Palpable Content

Per the HTML specification, “palpable content” is content that makes an element non-empty by providing either some descendant non-empty text, or something else users can hear, see, or otherwise interact with.

Script-Supporting Elements

❧ These categories are useful, for example to identify all available as well as the semantically appropriate elements. They can also inform sorting schemes, as with an order to sort CSS selectors by.

Tweet this? (If it changed your life, you delight me with a coffee.)

About Me

Jens Oliver Meiert, on April 29, 2020.

I’m Jens Oliver Meiert, and I’m an engineering manager and author. I’ve worked as a technical lead for Google, I’m close to the W3C and the WHATWG, and I write and review books for O’Reilly. Other than that, I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.

If you have questions or suggestions about what I write, please leave a comment (if available) or a message.

Read More

Have a look at the most popular posts, possibly including:

Cover: The Web Development Glossary.

Perhaps my most comprehensive book: The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.

Stay up-to-date? Follow me by feed or on Twitter.

Looking for a way to comment? Comments have been disabled, unfortunately.

Found a mistake? Email me, jens@meiert.com.

You are here: HomeArchive2021 → HTML: The 16 Content Categories and Their Elements

Last update: May 27, 2021

Professional frontend developers produce valid HTML and CSS.