HTML 미디어 속성
정의 및 사용
속성 은 media
연결된 문서가 최적화된 미디어/장치를 지정합니다.
이 속성은 대상 URL이 iPhone과 같은 특수 장치, 음성 또는 인쇄 매체용으로 설계되었음을 지정하는 데 사용됩니다.
이 속성은 여러 값을 허용할 수 있습니다.
에 적용
속성 은 media
다음 요소에 사용할 수 있습니다.
집단 | 기인하다 |
---|---|
<아> | 미디어 |
<지역> | 미디어 |
<링크> | 미디어 |
<출처> | 미디어 |
<스타일> | 미디어 |
예
예
미디어 속성이 있는 링크:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
면적 예
클릭 가능한 영역이 있는 이미지 맵:
<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>
링크 예
두 가지 다른 미디어 유형(스크린 및 인쇄)에 대한 두 가지 스타일 시트:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
소스 예
미디어 속성 사용:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
스타일 예
인쇄에 사용할 스타일 지정:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
브라우저 지원
특성 은 media
각 요소에 대해 다음 브라우저 지원을 가집니다.
Element | |||||
---|---|---|---|---|---|
a | Yes | Yes | Yes | Yes | Yes |
area | Yes | Yes | Yes | Yes | Yes |
link | Yes | Yes | Yes | Yes | Yes |
source | Not supported | Not supported | Not supported | Not supported | Not supported |
style | Yes | Yes | Yes | Yes | Yes |