このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

mark要素:参照のためにハイライトHTML5で追加

記事May 18th,2015
July 7th,2020
参照のためにハイライトする要素
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

要素について

mark”要素は他の文脈との関連性から参照を目的としてハイライトされたテキストを表す要素です。

引用文の中で原文では強調されていなかった部分や引用者が精査するべきと考えた部分、検索された語などのユーザーの行動に関係する部分を示すために使用することが出来ます。

多くのブラウザでは“mark”要素の内容は黄色(、rgb(255,255,0))でハイライトされて表示されます。

サンプルコード

<p>清少納言も記しているが、普段騒がしいカラスでさえ夕暮れ時に飛んでいるのを見かけると情緒があって良いと感じられる。</p>
<figure>
<blockquote>
<p>
秋は夕暮れ<br>
夕日のさして<br>
山の端いと近うなりたるに<br>
<mark>烏のねどころへ行くとて<br>
三つ四つ、二つ三つなど<br>
飛びいそぐさえ あはれなり</mark><br>
まいて雁などの つらねたるが<br>
いと小さく見ゆるは いとをかし<br>
日入り果てて<br>
風の音 虫の音など<br>
はた言ふべきにもあらず<br>
</p>
<figcaption>
清少納言著<cite>『枕草子』</cite>
</figcaption>
</blockquote>
</figure>

清少納言も記しているが、普段騒がしいカラスでさえ夕暮れ時に飛んでいるのを見かけると情緒があって良いと感じられる。

秋は夕暮れ
夕日のさして
山の端いと近うなりたるに
烏のねどころへ行くとて
三つ四つ、二つ三つなど
飛びいそぐさえ あはれなり

まいて雁などの つらねたるが
いと小さく見ゆるは いとをかし
日入り果てて
風の音 虫の音など
はた言ふべきにもあらず

清少納言著『枕草子』

属性と値

属性
属性 説明 説明
必須属性
なし
任意属性
グローバル属性

仕様書

mark”要素はHTML5から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
<mark>
定義なし

定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク