HTML <a> media属性

HTML <a> タグ

例

次の例は、media属性を使用したリンクを示しています。

<a href="../tags/att-a-media.html" media="print and (resolution:300dpi)">印刷可能なメディア属性ページ</a>

試してみる »

ブラウザサポート

すべての主要ブラウザは media 属性をサポートしています。

定義と使い方

media 属性は、ターゲット URL がどのタイプのメディア/デバイス向けに最適化されているかを指定します。

この属性は、ターゲット URL が特定のデバイス（たとえば iPhone）、音声、または印刷メディア向けに設計されていることを指定するために使用します。

この属性は複数の値を受け付けることができます。

href 属性が存在する場合にのみ使用できます。

HTML 4.01 と HTML5 の違い

この属性は HTML5 の新属性です。

構文

可能な演算子

演算子	説明
and	AND 演算子を指定します。
not	NOT 演算子を指定します。
,	OR 演算子を指定します。

デバイス

值	説明
all	デフォルト。すべてのデバイスに適しています。
aural	音声合成装置。
braille	点字フィードバック装置。
handheld	携帯端末（小さな画面、限られた帯域幅）。
projection	プロジェクター。
print	印刷プレビューモード/印刷ページ。
screen	コンピューターの画面。
tty	テレタイプライター、および等幅文字グリッドを使用する類似のメディア。
tv	テレビ型デバイス（低解像度、限られたページング機能）。

值

值	説明
width	ターゲット表示領域の幅を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (min-width:500px)"
height	ターゲット表示領域の高さを指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (max-height:700px)"
device-width	ターゲットのディスプレイ/用紙の幅を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (device-width:500px)"
device-height	ターゲットのディスプレイ/用紙の高さを指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (device-height:500px)"
orientation	ターゲットのディスプレイ/用紙の向きを指定します。可能な値："portrait" または "landscape" 例：media="all and (orientation: landscape)"
aspect-ratio	ターゲット表示領域の幅/高さの比率を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (aspect-ratio:16/9)"
device-aspect-ratio	ターゲットのディスプレイ/用紙の device-width/device-height 比率を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (aspect-ratio:16/9)"
color	ターゲットディスプレイの bits per color を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (color:3)"
color-index	ターゲットディスプレイが処理できる色の数を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (min-color-index:256)"
monochrome	モノクロフレームバッファのピクセルあたりのビット数を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="screen and (monochrome:2)"
resolution	ターゲットのディスプレイ/用紙のピクセル密度（dpi または dpcm）を指定します。「min-」および「max-」プレフィックスを使用できます。例：media="print and (resolution:300dpi)"
scan	テレビディスプレイのスキャン方式を指定します。可能な値："progressive" と "interlace" です。例：media="tv and (scan:interlace)"
grid	出力デバイスがグリッドかビットマップかを指定します。可能な値："1" はグリッドを表し、"0" はその他です。例：media="handheld and (grid:1)"