ywork2020.com

Title

テキストをハイライトする

目次 (INDEX)

mark とは

ここで説明する mark とは次の語句からなる HTML の要素です。
mark
読み: マーク
意味: 印

目次に戻る

mark 要素の概要

この要素は、テキストに印を付けます。 文書内で特に目立たせたいテキストに使用します。

これはブラウザの仕様にもよりますが、多くのブラウザではテキストにハイライト効果を与えてユーザーを注視させることができます。 しかし、マークアップの効果としては、重要性や特別な意味はありません。

ユーザーに注視させる効果があり、テキストに重要性や特別な意味合いを持たせるためのインライン要素には以下のようなものが考えられます。 SEO を考慮しようとするならば、タグの選定には注意が必要です。

なお、この要素も SEO を考慮して使用する価値はあると思いますが、 スタイルを適用するだけの理由で使用することは避けた方が無難でしょう。

mark 要素を単純にみるとノートに書いた文字にテキストマーカーで色をつけた状態になるわけですが、 それだけの用途なら CSS にマーキング用の class を作って利用した方が、より利便性が高いと思います。 興味があれば、 CSS: background-color のページを参照してください。

この要素には、開始タグと終了タグが必要です。
<mark> </mark>

目次に戻る

サンプルコードと実行結果

サンプルコード: HTML
<body>
	mark 要素は、文書内で特に < mark>目立たたせたいテキスト</mark> に使用しますが、重要性はありません。
</body>
実行結果:
mark 要素は、文書内で特に 目立たたせたいテキスト に使用しますが、重要性はありません。

目次に戻る

使用できる属性

目次に戻る