An Interest In:
Web News this Week
- April 18, 2024
- April 17, 2024
- April 16, 2024
- April 15, 2024
- April 14, 2024
- April 13, 2024
- April 12, 2024
HTML tags | s
It is used to indicate a text that is no longer correct, accurate or relevant, and that is usually rendered with a line through it.
It is not suitable for indicating edits in a document, that's what the <del>
and <ins>
elements exist for.
The presence of the <s>
element is not advertised in most screen readers with the default settings. You can force your ad using the content
property of CSS as well as the ::before
and ::after
pseudo-elements as follows:
s::before,s::after { clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;}s::before { content: " [start of stricken text] ";}s::after { content: " [end of stricken text] ";}
Some screen reader users disable content ad to avoid excessive verbosity. So it is important not to abuse this technique, avoiding using it whenever possible, except in situations where not knowing that there is a crossed-out content can adversely affect the understanding of the text.
- Type: inline
- Self-closing: No
- Semantic value: No
Definition | Example | Support
Original Link: https://dev.to/carlosespada/html-tags-s-acd
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To