HTML <link> media attribute

HTML <link> 标籤

Pagsasakop at Paggamit

media Ang attribute na ito ay nagbibigay ng tagubilin kung saan ang target resource ay pinapapakilala para sa anong medya/aparato.

media Ang attribute na ito ay nagbibigay ng tagubilin kung saan ang naipaligang dokumento ay magpapakita sa anong aparato.

Ang attribute na ito ay pangunahing ginagamit kasama ang CSS stylesheet upang magbigay ng iba't ibang estilo para sa iba't ibang uri ng medya.

media Ang attribute ay maaaring tanggapin ng maraming halaga.

Halimbawa

Dalawang magkakaibang estilo na tableya para sa dalawang magkakaibang uri ng medya (screen at print):

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>

Subukan nang personal

Gramata

<link media="value>

Mga posibleng operator

Mga operator Paglalarawan
and Tinuturing ang AND operator.
not Tinuturing ang NOT operator.
, Tinuturing ang OR operator.

Device

Device Paglalarawan
all Default. Ginagamit sa lahat ng uri ng media device.
print Ginagamit sa preview ng pagkakapangyarihan ng pagprint at pahina na magiging inprint.
screen Ginagamit sa computer screen, tablet, smartphone at iba pa.
speech Ginagamit sa screen reader na nagbabasa ng pahina.
aural Na-retiro na.Mga voice synthesizer.
braille Na-retiro na.Mga device na nagbibigay ng braille feedback.
handheld Na-retiro na.Mga hand held na device (maliit na screen, limitadong bandwidth).
projection Na-retiro na.Proyector.
tty Na-retiro na.Ginagamit sa teleprinter at katulad na media na gumagamit ng grid ng may patutunguhang pagkakalat.
tv Na-retiro na.Mga telebisyon na uri ng device (mababang resolucion, limitadong paggalaw).

Halaga

Halaga Paglalarawan
aspect-ratio

Tinuturing ang ratio ng lapad/taas ng target na display area.

สามารถใช้คำนำหน้า "min-" และ "max-"

Mga halimbawa: media="screen and (aspect-ratio:16/9)"
color

Tinuturing ang halaga ng bit na ginagamit ng bawat kulay sa target na display.

สามารถใช้คำนำหน้า "min-" และ "max-"

Mga halimbawa: media="screen and (color:3)"
color-index

Tinuturing ang bilang ng mga kulay na maaaring hawakan ng target na display.

สามารถใช้คำนำหน้า "min-" และ "max-"

Mga halimbawa: media="screen and (min-color-index:256)"
device-aspect-ratio Na-retiro na.Tinuturing ang device-width/device-height ratio ng target na display/ papel.
device-width Na-retiro na.Tinuturing ang lapad ng target na display/ papel.
device-height Na-retiro na.Tinuturing ang taas ng target na display/ papel.
grid

Tinuturing kung ang output device ay grid o bitmap.

Mga posibleng halaga: "1" ay para sa grid, "0" ay para sa iba pa.

Mga halimbawa: media="handheld and (grid:1)"
height

Tinuturing ang taas ng target na display area.

สามารถใช้คำนำหน้า "min-" และ "max-"

Mga halimbawa: media="screen and (max-height:700px)"
monochrome

Tinuturing ang bawat pixel bit sa monokrom na frame buffer.

สามารถใช้คำนำหน้า "min-" และ "max-"

Mga halimbawa: media="screen and (monochrome:2)"
orientation

กำหนดทิศทางของหน้าจอ/กระดาษปัญหาเป้าหมาย

ค่าที่เป็นไปได้คือ: "portrait" หรือ "landscape"

ตัวอย่าง: media="all and (orientation: landscape)"
resolution

กำหนดความหนาแน่นของพิกเซลของหน้าจอ/กระดาษปัญหาเป้าหมาย (dpi หรือ dpcm)

สามารถใช้คำนำหน้า "min-" และ "max-"

ตัวอย่าง: media="print and (resolution:300dpi)"
scan

กำหนดวิธีสแกนของหน้าจอแท้วทีวี

ค่าที่เป็นไปได้คือ: "progressive" และ "interlace"

ตัวอย่าง: media="tv and (scan:interlace)"
width

กำหนดความกว้างของโซนแสดงปัญหาเป้าหมาย

สามารถใช้คำนำหน้า "min-" และ "max-"

ตัวอย่าง: media="screen and (min-width:500px)"

การสนับสนุนโปรแกรมบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML <link> 标籤