HTML by Contents

The 10-content-model HTML book to markup any webpage in 5 steps without sweating over semantics.

HTML learning resources are counterintuitive.

They explain HTML by elements. Case in point: MDN, web.dev, HTML Living Standard and its Developer Edition, w3schools, etc.

Through a different information architecture methodology, we can organize a learning resource on HTML to better aid semantics.

To an Author, this book is an intuitive learning resource for HTML. To a Maker, it is a design specification for an HTML Authoring Tool.

You can approach this web book in 2 ways.

The practical approach introduces the 5 steps to markup any webpage:

  1. Start with a 7-content boilerplate for the minimum viable markup

  2. Use up to 33 Content Metas to present contents to user agents

  3. Use up to 14 Content Blocks to present contents to users

  4. Use up to 24 Content Forms to request contents from users

  5. Enrich content presentations and requests with up to 3 Breaks, 9 Objects, 29 Connotations, and 13 Mixes

The conceptual approach introduces 10 HTML Content Models across 3 categories.

  1. Introduction

  2. Preamble Contents

    1. The Content Root

    2. The 33 Content Metas of HTML

    3. The 2 Content Windows of HTML

  3. Primal Contents

    1. The 8 Content Parts of HTML

    2. The 13 Content Mixes of HTML

    3. The 14 Content Blocks of HTML

  4. Phrasing Contents

    1. The 9 Content Objects of HTML

    2. The 24 Content Forms of HTML

    3. The 29 Content Connotations of HTML

    4. The 3 Content Breaks of HTML

  5. The 132 Content Attributes of HTML

  6. 2+ Content Style Guides for HTML