HTML <mark>タグ：正しい理解と使い方

定義と使い方

<mark>タグは、ドキュメント内で文脈上の関連性があり、参照または注目すべきテキストの範囲であることを示します。
この範囲は、他の文脈との関連性に応じて目立たせる目的でハイライト表示されます。
ほとんどのブラウザでは、<mark>タグのテキストに蛍光ペンでマークしたようなハイライトが表示されます。

基本の例

<mark>タグは、ドキュメント内で関連性のある特定の部分を参照目的で示したり、注目すべきテキストの範囲を示すために使用されます。

#検索結果で検索語を表示

<p>
    <kbd>コーディングエブリバディ</kbd>の検索結果です。
</p>
<ul>
    <li>
        <mark>コーディングエブリバディ</mark>は、すべての人のためのコーディング学習書です。
    </li>
    <li>
        ようこそ。<mark>コーディングエブリバディ</mark>です。
    </li>
</ul>

# 関心のある部分を表示

<blockquote>
    <p>「学習は経験を通じて行われ、<mark>失敗</mark>は重要な教訓を提供します。」</p>
</blockquote>

使い方

<mark>タグは、ドキュメント内で関連性のある特定の部分を参照目的で示したり、関心のあるテキスト範囲を表示するために使用されます。
この範囲は、他の文脈との関連性によりハイライト表示されます。
引用文や本文内で参照された別のテキストブロック内で使用される場合、それはもともと存在していなかったが、読者の注意をその箇所に向けるために追加されたハイライトであることを示します。このテキストブロックが最初に作成された際、元の著者が重要でないと判断した部分が、現在では予期しない形で強調されている可能性があります。本文内で使用される場合、それはユーザーの現在の操作と関連性があるためにハイライトされた文書の一部を示しています。

<mark>タグと<strong>タグの違い

<mark>タグと<strong>タグを混同しないでください。
<mark>タグは、特定の部分の一定の関連性や関心のあるコンテンツを示すために使用されるのに対し、<strong>タグは重要なテキスト領域を示します。

参考資料