How deeply does Web Design Playground, Second Edition cover heading?

Defines six heading levels, explains their hierarchy and default rendering, and stops short of advanced semantic page divisions.

Heading

As explained in Web Design Playground, Second Edition

An HTML heading element is an element from h1 through h6 that marks heading text and indicates its level in a page hierarchy.

An HTML heading names or briefly describes a section of content. Heading elements run from <h1>, the highest level, through <h6>, the lowest. Unlike the <title> element, a main heading appears on the page rather than only in the browser tab. section 2.14

Build a page outline by matching heading levels to the content hierarchy:

<h1> usually identifies the page’s main heading. section 2.14
<h2> introduces sections, while <h3> introduces subsections beneath them. section 2.14
<h4> through <h6> provide progressively lower levels when the outline needs them. section 2.14
Browsers display each heading as its own block, using bold text and progressively smaller default sizes. section 2.14

A six-level heading outline

<h1>Level 1 Heading</h1> <h2>Level 2 Heading</h2> <h3>Level 3 Heading</h3> <h4>Level 4 Heading</h4> <h5>Level 5 Heading</h5> <h6>Level 6 Heading</h6> section 2.14

<h1>Level 1 Heading</h1>
<h2>Level 2 Heading</h2>
<h3>Level 3 Heading</h3>
<h4>Level 4 Heading</h4>
<h5>Level 5 Heading</h5>
<h6>Level 6 Heading</h6>

Preview the six heading elements and compare their hierarchy and browser-rendered sizes. section 2.14

How Web Design Playground, Second Edition covers it

Cover of Web Design Playground, Second Edition

liveBook manning.com

Read Web Design Playground, Second Edition on liveBook Get the book at manning.com

Also explained in

liveBook manning.com

Writing for Developers: Blogs that get readA short textual label that introduces and organizes a section of written or presented content.
liveBook manning.com

Build a Website with ChatGPTAn HTML heading element is an HTML element that marks a heading and expresses its level in the document's content hierarchy.
liveBook manning.com

Web Design PlaygroundA title or label that introduces a section of content, with level indicating rank in the document outline.
liveBook manning.com

Design for DevelopersA heading element is a semantic HTML element that marks a section heading and communicates its structural importance.

Compare how 5 books explain heading →

Related concepts

font-size propertyconfigured by · The CSS font-size property specifies the nominal size of an element’s rendered text.
HTML elementkind of · An HTML element is a component of an HTML document, defined by markup and represented in the document structure, with permitted attributes, content, and semantics.
h3 elementincludes · An h3 element is an HTML heading element representing the third hierarchical level in a document or section.
technical articlepart of · A written article that explains or discusses a technical subject.
CSSused by · CSS, or Cascading Style Sheets, is a stylesheet language for specifying the presentation and layout of structured documents and user interfaces.

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.