HTML <strike> tag
The <strike> tag was used in older HTML to create strike-through over texts horizontally. It is outdated in HTML5. Instead use <del> or <s> elements according to its purpose.
Type: Inline Element
Syntax of <strike> tag
<strike>Strike through texts</strike>
Supported Browsers
| Tag | Chrome | Internet Explorer | Firefox | Safari | Opera Mini |
|---|---|---|---|---|---|
| <strike> | Yes | Yes | Yes | Yes | Yes |
There are three HTML tags that can make strike-through text. - <del>, <s> and <strike>.
The texts or characters within all these elements will be rendered in the same style (line-through) but their purposes and when to use are different.
| Tag | Purpose | Valid in HTML5 |
|---|---|---|
| <del> | make changes in the document (history or time related event) | ✔ |
| <s> | make changes that is no longer accurate (price, outdated info) | ✔ |
| <strike> | just to create line-through texx without any signifant. | ✖ |
Full code example
<!DOCTYPE html> <html> <head> </head> <body> <p> I want <strike> Ice-cream </strike> noodles. </p> </body> </html>
Output on the browser
I want Ice-cream noodles.
More reference
Both <del> and <s> tags have semantic meaning while the <strike> tag has no semantic meaning and; obsolete in HTML5. For making line-through texts without having any significant meaning, use <span>tag
<p> I want <span style="text-decoration: line-through;"> Ice-cream </span> noodles. </p>