Marked text

For highlighting a run of text due to its relevance in another context, use the <mark> tag.

You can use the mark tag to highlight text.

{% highlight html %} You can use the mark tag to highlight text. {% endhighlight %}

Deleted text

For indicating blocks of text that have been deleted use the <del> tag.

This line of text is meant to be treated as deleted text.

{% highlight html %} This line of text is meant to be treated as deleted text. {% endhighlight %}

Strikethrough text

For indicating blocks of text that are no longer relevant use the <s> tag.

This line of text is meant to be treated as no longer accurate.

{% highlight html %} This line of text is meant to be treated as no longer accurate. {% endhighlight %}

Inserted text

For indicating additions to the document use the <ins> tag.

This line of text is meant to be treated as an addition to the document.

{% highlight html %} This line of text is meant to be treated as an addition to the document. {% endhighlight %}

Underlined text

To underline text use the <u> tag.

This line of text will render as underlined

{% highlight html %} This line of text will render as underlined {% endhighlight %}

Make use of HTML's default emphasis tags with lightweight styles.

Small text

For de-emphasizing inline or blocks of text, use the <small> tag to set text at 85% the size of the parent. Heading elements receive their own font-size for nested <small> elements.

You may alternatively use an inline element with .small in place of any <small>.

This line of text is meant to be treated as fine print.

{% highlight html %} This line of text is meant to be treated as fine print. {% endhighlight %}

Bold

For emphasizing a snippet of text with a heavier font-weight.

The following snippet of text is rendered as bold text.

{% highlight html %} rendered as bold text {% endhighlight %}

Italics

For emphasizing a snippet of text with italics.

The following snippet of text is rendered as italicized text.

{% highlight html %} rendered as italicized text {% endhighlight %}

Alternate elements

Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.