HTMLのマークタグについて
HTMLのmarkタグは、HTML5で導入された要素です。このタグは、ユーザーにとって重要または関連性の高いテキストの一部を強調表示するために使用されます。デフォルトでは黄色の背景色で強調表示されます。
markタグの使い方
markタグは、段落内など、他の要素内のテキストの一部を強調表示するために使用されます。例えば、次のように使用します。
<p>これは<mark>重要な</mark>文章です。</p>
このコードは、ブラウザ上で以下のように表示されます。
これはmark重要な文章です。
markタグの属性
markタグは、グローバル属性に加えて、以下の属性を持つことができます。
| 属性名 | 説明 |
|---|---|
| class | 要素のクラス名を指定します。 |
| id | 要素の一意なIDを指定します。 |
| style | 要素にインラインスタイルを適用します。 |
markタグの使用例
以下は、markタグの使用例です。
検索結果の強調表示
検索エンジンの結果ページなどで、検索キーワードを強調表示するために使用できます。
<p>検索結果:<br>
"<mark>HTML</mark>" に一致するページが見つかりました。
</p>重要な情報の強調
ドキュメント内で特に重要な情報を強調表示するために使用できます。
<p>このマニュアルを熟読する前に、<mark>安全上の注意</mark>をよくお読みください。</p>よくある質問
Q1: markタグとタグの違いは何ですか？
タグは、テキストが重要な意味を持つことを示すために使用されます。一方、markタグは、ユーザーにとって関連性の高いテキストを強調表示するために使用されます。
Q2: markタグのデフォルトのスタイルを変更できますか？
はい、CSSを使用してmarkタグのデフォルトのスタイルを変更できます。例えば、背景色を変更するには、以下のCSSを追加します。
mark {
background-color: lightblue;
}
Q3: markタグはすべてのブラウザでサポートされていますか？
markタグはHTML5で導入されたため、古いブラウザではサポートされていない場合があります。ただし、主要なブラウザではサポートされています。