mark 要素

mark 要素はハイライトされたテキストを表します。つまり、文章の中で特に目立たせたい箇所をマークアップするもので、例えば引用文の中で、特に言及した特定の部分を示したい場合などに使用することができます。あるいは、検索結果ページで、検索キーワードと一致するテキストをハイライトして閲覧者にわかりやすく表示するといった使い方もできます。

例えば、strong 要素は、そのテキストが重要であることを表しますが、mark 要素はあくまで見た目的に目立たせたい箇所を表すもので、重要度といった意味は持ちません。もし、該当する箇所が意味的に重要、あるいは強調したい箇所な場合は、mark 要素ではなく、strong 要素や em 要素を使用する方が適切です。

<!-- 例えばソースコードの解説で、追加した部分をハイライトした例 -->
<p>下記のように class 属性を追加してみましょう。</p>
<pre class="html">
 <code>
  &lt;p <mark>class=&quot;description&quot;</mark>&gt;サンプルテキスト&lt;/p&gt;
 </code>
</pre>