Mission 02 / HTML foundations

Meaningful HTML

Choose elements by meaning so browsers, assistive technology and developers understand the content.

Easy50 XPText semanticsAccessibility

Reference

Appearance and meaning are different

<strong> and <em>

Strong importance and spoken emphasis carry meaning beyond visual style.

<b> and <i>

Draw attention or use an alternate voice without adding strong importance.

<mark>

Marks content that is relevant in the current context.

<del> and <ins>

Represent removed and added content.

<p><strong>Important:</strong> Save your work.</p> <p>Search matched <mark>JavaScript</mark>.</p>

Checkpoint

Which element represents strong importance?