liveBook · Manning

S element

As explained in Web Design Playground, Second Edition

The HTML s element marks text as no longer accurate, current, or relevant without removing it.

The HTML s element marks text that is no longer accurate, current, or relevant while keeping it on the page. It is a small semantic signal: the information has changed, not vanished. section 16.1

An old price

On sale now for <s>$12.99</s> $9.99. section 16.1

On sale now for <s>$12.99</s> $9.99.

Compare the previous price with the current one: the s element preserves the old value while identifying it as no longer current. section 16.1

How Web Design Playground, Second Edition covers it

How deep it goes
Defines the element’s semantic purpose and demonstrates one price example without discussing browser internals or advanced usage.
Examples
Uses an outdated sale price alongside its replacement.
What it assumes
Assumes basic HTML authoring while placing the element within broader semantic markup.
What you can do after
Apply it to preserve and semantically identify outdated inline information.
How it connects
Connects semantic HTML with inline text-level elements.
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.