정의 및 사용
media 속성은 링크 된 문서에 최적화되어 어떤 미디어 / 디바이스를 지정합니다.
이 속성은 대상 URL이 특수 장치에 대한 (아이폰 등) 설계 지정, 음성 또는 인쇄 매체하는 데 사용됩니다.
이 속성은 여러 값을 받아 들일 수 있습니다.
적용
media 속성은 다음과 같은 요소에 사용할 수 있습니다 :
| 집단 | 속성 |
|---|---|
| <a> | media |
| <area> | media |
| <link> | media |
| <source> | media |
| <style> | media |
예
예
A의 링크 media 속성 :
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
»그것을 자신을 시도 Area 예
클릭 가능한 영역과 이미지 맵 :
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
»그것을 자신을 시도 Link 예
두 개의 서로 다른 미디어 유형 (화면 인쇄)에 대한 두 개의 서로 다른 스타일 시트 :
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
»그것을 자신을 시도 Source 예
의 사용 media 속성 :
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
»그것을 자신을 시도 Style 예
인쇄에 사용할 스타일을 지정합니다 :
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> »그것을 자신을 시도 브라우저 지원
media 속성은 각 요소에 대한 다음과 같은 브라우저 지원을하고있다 :
| 요소 | |||||
|---|---|---|---|---|---|
| a | 예 | 예 | 예 | 예 | 예 |
| area | 예 | 예 | 예 | 예 | 예 |
| link | 예 | 예 | 예 | 예 | 예 |
| source | 지원되지 않음 | 지원되지 않음 | 지원되지 않음 | 지원되지 않음 | 지원되지 않음 |
| style | 예 | 예 | 예 | 예 | 예 |