<mark> ハイライト表示する

最終更新日:

説明

ハイライト表示はmark要素で記述します。 <mark>から</mark>までがハイライト表示されます。

mark要素の一番わかりやすい例が、検索エンジンの検索結果に表示されるハイライト表示です (ブラウザの設定によりますが)。 自分が検索したワードがハイライト表示されることで見やすい表示になります。

このように、ユーザーが検索したワード等を目立たせるためにmark要素を使用します。

文章を強調したい場合はem要素、重要性を表す場合はstrong要素を使います。 それぞれ目的が違いますので目的に応じて使い分けてください。

  • em: ページ作成者側が強調したい場合
  • strong: ページ作成者側が重要性を表したい場合
  • mark: ページ参照者側が見やすいようにする場合

emとstrongはページ作成者側からの視点、markはページ参照者側(ユーザー)からの視点です。

使用例

■ HTML

<p>mark要素は<mark>検索ワード</mark>をハイライト表示する場合等に使います。</p>

■ 表示結果

mark要素