Text Level Semantics, Reprised

For use in my blog post Tweaking Text Level Styles, Reprised. Check with HTML Nu checker.

Marked Text

Unstyled

<mark>

This is some plain text, and this is some text we are marking by using the <mark> element.

role="mark"

This is some plain text, and this is some text we are marking by using the mark role.

Styled

<mark>

This is some plain text, and this is some text we are marking by using the <mark> element.

role="mark"

This is some plain text, and this is some text we are marking by using the mark role.

Deleted Text

Unstyled

<del>

Using the <del> element on text that we are indicating is gone.

role="deletion"

Using the deletion role on text that we are indicating is gone.

Styled

<del>

Using the <del> element on text that we are indicating is gone.

role="deletion"

Using the deletion role on text that we are indicating is gone.

Inserted Text

Unstyled

<ins>

Conversely, this is text that we indicate has been added. Do this with the <ins> element.

role="insertion"

Conversely, this is text that we indicate has been added. Do this with the insertion role.

Styled

<ins>

Conversely, this is text that we indicate has been added. Do this with the <ins> element.

role="insertion"

Conversely, this is text that we indicate has been added. Do this with the insertion role.

Stricken Text

Unstyled

<s>

This is an example of text that is no longer relevant. We do this with the <s> element.

role="deletion"

This is an example of text that is no longer relevant. We do this with the deletion role.

Styled

<s>

This is an example of text that is no longer relevant. We do this with the <s> element.

role="deletion"

This is an example of text that is no longer relevant. We do this with the deletion role.