English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML5: <mark>タグ

HTMLの<mark>タグは、興味のあるまたは関連するテキストをタグ付けまたはハイライト表示するために使用されます。伝統的には、ブラウザは<mark>タグ内のテキストを黄色い背景色で表示します。このタグは通常<mark>要素とも呼ばれます。

オンラインサンプル

部分のテキストをハイライト表示:

!doctype html
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 markタグの使用(基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
<h1>見出し 1</h1>
<p>数学テストは<mark>金曜日に</mark>行われます。/mark>.</p>
</body>
</html>
テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9+、Firefox、Opera、Chrome、および Safari が <mark> タグをサポートしています。

注意:Internet Explorer 8 および以前のバージョンでは <mark> タグをサポートしていません。

タグの定義及び使用方法

<mark> タグはマーク付きのテキストを定義します。

テキストを強調表示する必要がある場合は、<mark> タグを使用してください。

ほとんどのブラウザは <mark> タグを黄色い背景色で表示しますが、CSSを使用してこの動作を変更できます。
<mark> タグは関連するテキストをマークし、フラッシュペンスタイルのみに使用することを意図していません。テキストを強調表示するためにスタイルを適用したい場合は、<span> タグと正しい CSSを使用してください。

HTML 4.01 と HTML5の間の違い

<mark> は HTML5 新しいタグです。

グローバル属性

<mark> タグはグローバル属性をサポートしており、完全な属性表を確認してください HTMLグローバル属性

イベント属性をサポートしています

<mark> タグはすべての HTMLイベント属性