liveBook · Manning

Mark element

As explained in Web Design Playground, Second Edition

The HTML mark element highlights text because of its relevance or significance to the reader.

Use the <mark> element to highlight page text that matters to the reader—like dragging a highlighter across an important sentence in a book. Most browsers display the highlighted text with a yellow background. section 16.1

Highlight a meaningful detail

Futura is a geometric sans-serif typeface that was <mark>designed by Paul Renner in 1927</mark>. section 16.1

Futura is a geometric sans-serif typeface that was <mark>designed by Paul Renner in 1927</mark>.

See the complete example of highlighting a significant phrase within a sentence. section 16.1

How Web Design Playground, Second Edition covers it

How deep it goes
Defines the element’s purpose and typical yellow-background appearance without descending into implementation details.
Examples
Uses a sentence about Futura to highlight its designer and design date.
What you can do after
Apply it via HTML to call attention to text that matters to readers.
How it connects
Relates text highlighting to other text-level elements such as code, dfn, kbd, pre, and s.
Cover of Web Design Playground, Second Edition
liveBookmanning.com
Read Web Design Playground, Second Edition on liveBook Get the book at manning.com

Related concepts

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.