Strong element

As explained in Design for Developers

The HTML strong element marks text as having strong importance or urgency relative to surrounding text.

The HTML <strong> element marks words as more important than surrounding text. Use it when emphasis communicates meaning, not merely when text should look bold. section 8.1.3

Choose the treatment that matches the purpose:

• Use <strong> when the content has greater importance or urgency. section 8.1.3
• Use <b> to draw visual attention without adding semantic importance. section 8.1.3
• Use CSS font-weight with a generic HTML element when bold styling is purely aesthetic. section 8.1.3

Important message

A warning or other highly important message can wrap its key words in <strong>, allowing the markup to express why the text is emphasized rather than only changing its appearance. section 8.1.3

Figure 8.12 The contents of the bolded text are extremely important, and the emphasis here is necessary to convey importance.

View the figure illustrating bold text whose contents require emphasis because they convey extreme importance. section 8.1.3

How Design for Developers covers it

How deep it goes

Distinguishes <strong>, <b>, and CSS font-weight, but stops short of implementation detail beyond short markup guidance.

Examples

Illustrates <strong> through a figure showing bold text whose contents are extremely important.

What you can do after

Apply it via HTML and CSS by selecting semantic importance or presentational boldness deliberately.

How it connects

Connects semantic HTML with the <b> element, CSS font-weight, and typography.

liveBookmanning.com

Read Design for Developers on liveBook Get the book at manning.com

Also explained in

• 

  liveBookmanning.com
  Build a Website with ChatGPTThe strong element is an HTML element that marks content as having strong importance or urgency.

Compare how 2 books explain strong element →

Related concepts

• b elementcontrasts with · The HTML b element marks text as stylistically distinct without conveying strong importance or emphasis.
• em elementcontrasts with · The em element is an HTML element that semantically marks text for emphasis or stress, conventionally rendered in italics by browsers.
• 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.
• absolute positioninguses · Absolute positioning is a CSS layout technique that removes an element from normal flow and positions it relative to a containing block, typically established by a positioned ancestor.
• HTML tagkind of · An HTML tag is angle-bracket-delimited markup that identifies, structures, or marks the boundary of an element in an HTML document.

This explainer was generated by Manning's knowledge graph from the text of Design for Developers. The section links point to the parts of the book it draws on.