# Highlights, Strikeout, Underlines, Spoilers

**URL:** <https://talk.commonmark.org/t/highlights-strikeout-underlines-spoilers/825>\
**Category:** Extensions\
**Created:** [October 18, 2014, 2:53pm UTC](https://talk.commonmark.org/t/highlights-strikeout-underlines-spoilers/825 "2014-10-18T14:53:51Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![mofosyne](https://cdn.commonmark.org/user_avatar/talk.commonmark.org/mofosyne/32/1438_2.png) [@mofosyne](https://talk.commonmark.org/u/mofosyne)\
**Post date:** [October 18, 2014, 2:53pm UTC](https://talk.commonmark.org/t/highlights-strikeout-underlines-spoilers/825/1 "2014-10-18T14:53:51Z")

</div>

For non textual markups presentation (basically stuff that doesn’t modify the actual characters itself):

## Syntax

### Translatable to HTML tags (Has direct correspondence to the semantic meaning of a html tag):

1. Striked Through: `--striked through text--`

- Tag: `<s>`

- [Strikeout thread](http://talk.commonmark.org/t/strikeout-threw-out-strikethrough-strikes-out-throughout/820/13)

- HTML: `<s>striked through text</s>`

1. Highlight: `==highlighted text==`

- Tag: `<mark>`
- HTML: `<mark>highlighted text</mark>`

### CSS representation for those that are mostly presentational or has no tag associated.
~~ 
1. Underline: `_underlined text_`

 
- ClassName: `.underline`

 
- [Underline Thread](http://talk.commonmark.org/t/feature-request-underline-text/343/10)

 
- HTML: `<em class="underline" >underlined text</em>`

 
1. Underline: ` __underlined text__ `

 
- ClassName: `.underline`

 
- [Underline Thread](http://talk.commonmark.org/t/feature-request-underline-text/343/10)

 
- HTML: `<strong class="underline" >underlined text</strong>`

 ~~
1. Spoiler: `>>! Spoiler Text !<<`

- ClassName: `.spoiler`
- [spoiler syntax thread](http://talk.commonmark.org/t/what-could-a-spoiler-tag-extension-look-like/767/18)
- HTML: `<span class="spoiler" >Spoiler Text</span>`

For reviewing purpose please refer to [Reviewing Markups instead](http://talk.commonmark.org/t/reviewing-markups/824/7)

* * *

# Potential HTML tags

Researching on html tags that best matches these concepts

## `<u>`

> **[: The Unarticulated Annotation (Underline) element - HTML | MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/u)**
>
> The HTML element represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a single solid underline, but may be altered using CSS.

> The HTML Underline Element (`<u>`) renders text with an underline, a line under the baseline of its content.

yea I know it ment for misspelt words and emphasis on certain Chinese letters. Well in this case, screw W3, it makes an underline and has always been in html’s history. ( APNG FTW btw)

## `<mark>`

> **[W3Schools.com](http://www.w3schools.com/tags/tag_mark.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

> Highlight parts of a text:  
> `<p>Do not forget to buy <mark>milk</mark> today.</p>`

## `<s>`

> **[W3Schools.com](http://www.w3schools.com/tags/tag_s.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

> Mark up text that is no longer correct:  
> `<p><s>My car is blue.</s> My new car is silver.</p>`
> 
> ~~My car is blue.~~ My new car is silver.

---

_[View the full topic](https://talk.commonmark.org/t/highlights-strikeout-underlines-spoilers/825)._