When should I use vs ?

Use when content is no longer accurate or relevant but you want to keep it visible — e.g., a struck-through old price. Use when you are marking an editorial deletion, such as in a changelog or document revision — it pairs with for inserted text.

Developer Tools

HTML Strikethrough Generator

Generate a strikethrough HTML element — choose <s> for no-longer-relevant content or <del> for editorially deleted content — and copy with live preview.

Last updated: May 21, 2026

Text content

HTML tag

Class

Title

Generated HTML

<s>old price $99</s>

Preview

~~old price $99~~ — no longer relevant.

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is HTML Strikethrough Generator?

HTML offers two semantic strikethrough elements. `<s>` (strikethrough) marks content that is no longer accurate or relevant but is kept for context — like a crossed-out old price next to a new sale price. `<del>` marks content that has been removed from a document as part of an edit, optionally citing the reason (`cite`) and when it was deleted (`datetime`).

The deprecated `<strike>` tag is also supported for legacy codebases but should be avoided in new code — use `<s>` or `<del>` instead. For visual-only strikethrough without semantic meaning, use CSS `text-decoration: line-through`.

How to Use HTML Strikethrough Generator

Enter the text to strike through

Choose the appropriate tag: <s> for no-longer-relevant, <del> for deleted content

For <del>, optionally add a cite URL and datetime

Copy the generated HTML

Common Use Cases

E-commerce pages crossing out original prices next to sale prices.
Document editors marking deleted text in tracked-changes views.
Content authors showing superseded information kept for context.

Example Input and Output

A crossed-out original price using <s>.

Configuration

Text: old price $99
Tag: <s>

HTML output

<s>old price $99</s>

Privacy

All HTML generation runs in your browser. No data is sent to any server.

Frequently Asked Questions

When should I use <s> vs <del>?

Use <s> when content is no longer accurate or relevant but you want to keep it visible — e.g., a struck-through old price. Use <del> when you are marking an editorial deletion, such as in a changelog or document revision — it pairs with <ins> for inserted text.

What does the datetime attribute on <del> do?

The datetime attribute records when the deletion occurred. It must be a valid date/time string (ISO 8601). It is not displayed visually but is used by screen readers and archival tools to record the edit history.

Related Tools

HTML Strong Text Generator

Generate HTML elements for strong importance, seriousness, or urgency. Configure id, class, title, and lang attributes. Live preview included.

HTML Emphasize Text Generator

Generate HTML (emphasize) elements with optional id, class, title, and lang attributes. Adds semantic stress emphasis to inline text. Live preview included.

HTML Underlined Text Generator

Generate HTML underline elements for unarticulated annotations, proper noun marking, and spelling error indication. Configure id, class, title, and lang. Live preview.

HTML Mark Text Generator

Generate HTML elements to highlight text for reference or search result emphasis. Configure id, class, and title attributes. Live preview included.

HTML Superscript Generator

Generate HTML superscript elements for exponents, ordinal indicators, footnote references, and trademark symbols. Live preview included.

Code to Image Converter

Convert code snippets to beautiful images for sharing.