HTML のマークタグの用途は何ですか?

HTMLのタグについて

HTMLののタグは、ウェブページでユーザーに関連する重要なテキストをマークまたは強調表示するために使用されます。デフォルトでは、背景に黄色が使用されますが、CSSプロパティを使用すると、背景色やテキストの色、ハイライトの形などを変更できます。

のタグの用途

のタグは、次のような場合に役立ちます。

のタグは、強調表示したいテキストを囲むように使用します。例えば、次のようになります。

<p>この文章の中で、<mark>重要な部分</mark>を強調表示しています。</p>

このコードは、ブラウザ上では次のように表示されます。

この文章の中で、の重要な部分を強調表示しています。

のタグのデフォルトのスタイルは、黄色の背景色です。しかし、CSSを使用して、背景色、テキストの色、ハイライトの形などを変更できます。

例えば、次のCSSコードは、ハイライトの背景色を緑色、テキストの色を白に変更します。


mark {
  background-color: green;
  color: white;
}

以下は、のタグの使用例です。

コード	表示結果
`<p>最新の<mark>ニュース</mark>をご覧ください。</p>`	最新のの<mark>ニュースをご覧ください。
`<p>この商品は<mark style="background-color: red; color: white;">セール中</mark>です。</p>`	この商品はセール中です。

タグは、テキストを太字で表示しますが、のタグは、テキストを強調表示します。タグは、テキストの重要性を示すものではありませんが、のタグは、ユーザーにとって重要なテキストを示すために使用されます。

CSSを使用して、のタグの背景色を変更できます。例えば、背景色を赤色に変更するには、次のCSSコードを使用します。


mark {
  background-color: red;
}

のタグは、HTML5で導入されたタグです。そのため、古いブラウザでは正しく表示されない場合があります。