HTML 참조 설명서

HTML 태그大全

HTML: <area> media 属性

media 속성은 목표 URL이 어떤 매체를 대상으로 하는지 지정합니다/设备进行了优化，此属性用于指定URL是为特殊设备（例如iPhone），语音或印刷媒体设计的。该属性可以接受多个值。

在线示例

具有可点击区域的图像地图：

示例

!DOCTYPE　html>
<html>
<title>HTML:<area>　media　属性　-　基础教程网　oldtoolbag.com</title>
<body>
<p>单击太阳以近距离观看</p>
<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.html"　media="screen　and　(min-color-index:256)">
</map>
</body>
</html>

시험해보기 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 media 속성을 지원합니다

정의와 사용법

media 속성은 목표 URL이 어떤 매체를 대상으로 하는지 지정합니다/장치는 최적화되었습니다.
이 속성은 특별한 장치(예: iPhone)와 오디오 또는 인쇄 매체를 위해 설계된 URL을 지정하는 데 사용됩니다.
이 속성은 여러 가지 값을 받을 수 있습니다.
href 속성이 존재할 때만 사용합니다.
주의: 이 속성은纯粹的建议性的。

HTML 4.01 HTML5사이의 차이

media 속성은 HTML5에 추가된 속성.

문법

<area media="값>

가능한 연산자

값	설명
and	지정 AND 연산자
not	지정 NOT 연산자
,	지정 OR 연산자

장치

값	설명
all	기본. 모든 장치에 적용됩니다.
aural	오디오 시뮬레이터
braille	점자 읽기 장치
handheld	핸드-held 장치(작은 화면, 제한된 대역폭)
projection	프로젝터
print	인쇄 프리뷰 모드/인쇄 페이지 수
screen	컴퓨터 화면
tty	전자 텍스트 메커니즘과 유사한 고정 간격 문자 그리드를 사용하는 매체
tv	TV 타입 장치(저해상도, 롤링 능력 제한)

값

값	설명
너비	지정된 표시区域的 너비。 보통 "min"을 사용-"과 "max-" 접두사 예: media="screen and (min-너비:500px)"
높이	지정된 표시区域的 높이。 보통 "min"을 사용-"과 "max-" 접두사 예제: media="screen and (max-높이:700px)"
장치-너비	목표 디스플레이를 지정/인쇄 용지의 너비 보통 "min"을 사용-"과 "max-" 접두사 예제: media="screen and (device-너비:500px)"
장치-높이	목표 디스플레이를 지정/인쇄 용지의 높이 보통 "min"을 사용-"과 "max-" 접두사 예제: media="screen and (device-높이:500px)"
방향	목표 디스플레이를 지정/용紙 방향。 가능한 값: "portrait" 또는 "landscape" 예제: media="all and (orientation: landscape)"
비율-비율	지정된 타겟 디스플레이의 표시区域的 너비/높이 비율。 보통 "min"을 사용-"과 "max-" 접두사 예제: media="screen and (aspect-비율:16/9)"
장치-비율-비율	지정된 타겟 디스플레이의 표시区域的 장치 너비/장치 높이 비율. 보통 "min"을 사용-"과 "max-" 접두사 예제: media="screen and (aspect-비율:16/9)"
color	타겟 디스플레이의 각 픽셀의 색의 비트 수를 지정합니다. 보통 "min"을 사용-"과 "max-" 접두사 예제: media="screen and (color:3)"
color-인덱스	타겟 디스플레이가 처리할 수 있는 색의 수를 지정합니다. 보통 "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	출력 장치를 전력망이나 비트맵으로 지정 grid의 값은 "1", 나머지는 "0" 예: media="handheld and (grid:1)"

　HTML <area> 태그

HTML: <template> 태그