Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】mark要素の使い方

mark要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

markオブジェクトは、HTMLドキュメント内で特定のテキストにハイライトを適用するための要素を表すオブジェクトです。この要素を使用することで、関連性や重要性を持つテキストの一部を、ユーザーの注意を引く目的で視覚的に強調できます。例えば、検索結果のページでユーザーが入力したキーワードを強調表示したり、現在の文脈で特に注目すべき箇所を指し示したりする際に役立ちます。

mark要素で囲まれたテキストは、ブラウザによって通常、背景色が変更されて表示されます。しかし、この要素はテキストが「非常に重要である」ことを意味する<strong>要素や、「強調されている」ことを意味する<em>要素とは異なり、文書の主要な意味や重要性そのものを変更するものではありません。あくまで、ユーザーが文書を閲覧する際の注目点を、現在の文脈に沿って提示するためのものです。

したがって、マークされたテキストは、その文書が持つ本来の意味から見て特に重要であるわけではなく、単にユーザーの注意を引くためのハイライトとして機能します。CSSを用いて見た目を自由にカスタマイズすることも可能です。この要素は、読者に情報を効果的に伝えるための補助的な手段として利用されます。

公式リファレンス: <mark>: The Mark Text element

構文(syntax)

1<mark>強調したいテキスト</mark>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ