<mark>: MARK 要素
最終更新：2026-10-13
<mark>MARK 要素
マーカーペンのように、テキストを既定の黄色背景で強調表示します。検索結果のキーワードなどに使われます。
| カテゴリ | 書式 |
|---|---|
| コンテンツモデル | フレージングコンテンツ |
| 許可される親要素 | フレージングコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </mark> タグ |
| ステータス | 標準 |
📝 構文
<mark>マークされたテキスト</mark>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <mark> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： <mark> は現在の文脈で関連するテキストを意味します。色は CSS で変更できます。
❓ よくある質問
Qmark と strong の違いは何ですか？
A
<mark> は「現在の文脈でハイライトされたテキスト」（デフォルトは黄色背景）を表します。検索キーワードの強調や引用の中の要点表示が典型です。<strong> は内容そのものが重要であることを表します。「私が線を引いた」と「これが重要だ」は、まったく別の意味です。Qmark のハイライト色は変えられますか？
A変えられます。デフォルトの黄色背景は CSS で
mark { background: #ffeb3b; color: inherit; } のように変更できます。場面ごとに複数のクラスを定義し、検索結果のハイライトと引用内の強調で色を分けるのもよい方法です。Qmark は引用ブロック内に使ってもいいですか？
Aむしろそれこそが代表的な使用場面です。他人の文章を引用するとき、
<mark> で「この議論に最も関係する部分」を示します。このハイライトは引用者が付けたもので、原文にあったものではありません。原著者の強調は、そのまま <strong> や <em> を保持します。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
