HTML a media 屬性

2018-11-11 14:35 更新

HTML <a> media 屬性

HTML a 標(biāo)簽參考手冊(cè) HTML <a> 標(biāo)簽

實(shí)例

以下實(shí)例展示了使用media屬性的鏈接:

<a href="att-a-media.html?output=print"
media="print and (resolution:300dpi)">
可打印的媒體屬性頁(yè).</a>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 media 屬性。


定義和用法

media 屬性規(guī)定目標(biāo) URL 是為什么類型的媒介/設(shè)備進(jìn)行優(yōu)化的。

該屬性用于規(guī)定目標(biāo) URL 是為特殊設(shè)備(比如 iPhone)、語(yǔ)音或打印媒介設(shè)計(jì)的。

該屬性可接受多個(gè)值。

只能在 href 屬性存在時(shí)使用。


HTML 4.01 與 HTML5 之間的差異

該屬性是 HTML5 中的新屬性。


語(yǔ)法

<a media="value">

可能的運(yùn)算符

運(yùn)算符描述
and規(guī)定 AND 運(yùn)算符。
not規(guī)定 NOT 運(yùn)算符。
,規(guī)定 OR 運(yùn)算符。

設(shè)備

描述
all默認(rèn)。適合所有設(shè)備。
aural語(yǔ)音合成器。
braille盲文反饋裝置。
handheld手持設(shè)備(小屏幕、有限的帶寬)。
projection投影機(jī)。
print打印預(yù)覽模式/打印頁(yè)面。
screen計(jì)算機(jī)屏幕。
tty電傳打字機(jī)以及使用等寬字符網(wǎng)格的類似媒介。
tv電視類型設(shè)備(低分辨率、有限的分頁(yè)能力)。

描述
width

規(guī)定目標(biāo)顯示區(qū)域的寬度。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (min-width:500px)"

height

規(guī)定目標(biāo)顯示區(qū)域的高度。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (max-height:700px)"

device-width

規(guī)定目標(biāo)顯示器/紙張的寬度。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (device-width:500px)"

device-height

規(guī)定目標(biāo)顯示器/紙張的高度。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (device-height:500px)"

orientation

規(guī)定目標(biāo)顯示器/紙張的取向。

可能的值:"portrait" 或 "landscape"

例子:media="all and (orientation: landscape)"

aspect-ratio

規(guī)定目標(biāo)顯示區(qū)域的寬度/高度比。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (aspect-ratio:16/9)"

device-aspect-ratio

規(guī)定目標(biāo)顯示器/紙張的 device-width/device-height 比率。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (aspect-ratio:16/9)"

color

規(guī)定目標(biāo)顯示器的 bits per color。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (color:3)"

color-index

規(guī)定目標(biāo)顯示器能夠處理的顏色數(shù)。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (min-color-index:256)"

monochrome

規(guī)定在單色幀緩沖中的每像素比特。

可使用 "min-" 和 "max-" 前綴。

例子:media="screen and (monochrome:2)"

resolution

規(guī)定目標(biāo)顯示器/紙張的像素密度 (dpi or dpcm)。

可使用 "min-" 和 "max-" 前綴。

例子:media="print and (resolution:300dpi)"

scan

規(guī)定 tv 顯示器的掃描方法。

可能的值是:"progressive" 和 "interlace"。

例子:media="tv and (scan:interlace)"

grid

規(guī)定輸出設(shè)備是網(wǎng)格還是位圖。

可能的值:"1" 代表網(wǎng)格,"0" 是其他。

例子:media="handheld and (grid:1)"



HTML a 標(biāo)簽參考手冊(cè) HTML <a> 標(biāo)簽

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)