English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
<a> media 속성은 HTML5 新增속성; 이 문서에서는 <a> media 속성의 사용 방법을 설명하며, <a> media 속성, 브라우저의 호환성, 문법 정의 및 속성 값 세부 정보 등을 온라인 예제를 통해 보여줍니다.
다음은 media 속성을 사용한 링크입니다:
<a href="/tags/att-a-media.html?output=print" media="print and (resolution:300dpi)>인쇄 가능한 미디어 속성 페이지</a>테스트를 보세요. ‹/›
IEFirefoxOperaChromeSafari
모든 주요 브라우저에서 media 속성이 지원됩니다。
media 속성은 링크 문서가 어떤 미디어를 대상으로 하는지 지정합니다/장치는 최적화되었습니다。
이 속성은 특정 장치(예: iPhone) 및 음성 또는 인쇄 미디어를 위해 설계된 URL을 지정하는 데 사용됩니다。
이 속성은 여러 가지 값을 받을 수 있습니다。
href 속성이 존재할 때만 사용합니다。
주의: 이 속성은纯粹的建议性的。
이 속성은 HTML5 에서 새로운 속성.
<a media="value>
| 연산자 | 설명 |
|---|---|
| and | AND 연산자를 정의합니다。 |
| not | NOT 연산자를 정의합니다。 |
| , | OR 연산자를 정의합니다. |
| 값 | 설명 |
|---|---|
| all | 기본. 모든 장치에 적합. |
| aural | 오디오 합성기. |
| braille | 브라일 피드백 장치. |
| handheld | 핸드-held 장치(작은 스크린, 제한된 밴드위드). |
| projection | 프로젝터. |
| 인쇄 미리보기 모드/인쇄 페이지. | |
| screen | 컴퓨터 스크린. |
| tty | 텔레타이프 및 일정한 네비게이션 그리드를 사용하는 유사 매체. |
| tv | TV 타입 장치(저 해상도, 제한된 페이지링크 기능). |
| 값 | 설명 |
|---|---|
| width | 목표 디스플레이 영역의 너비를 정의합니다。 가능한 "min"을 사용할 수 있습니다.-"과 "max-" 접두사. 예제: media="screen and (min-width:500px)" |
| height | 목표 디스플레이 영역의 높이를 정의합니다。 가능한 "min"을 사용할 수 있습니다.-"과 "max-" 접두사. 예시: media="screen and (max-height:700px)" |
| device-width | 목표 디스플레이를 정의합니다./종이의 너비. 가능한 "min"을 사용할 수 있습니다.-"과 "max-" 접두사. 예시: media="screen and (device-width:500px)" |
| device-height | 목표 디스플레이를 정의합니다./종이의 높이. 가능한 "min"을 사용할 수 있습니다.-"과 "max-" 접두사. 예시: media="screen and (device-height:500px)" |
| orientation | 목표 디스플레이를 정의합니다./종이의 방향. 가능한 값: "portrait" 또는 "landscape" 예시: media="all and (orientation: landscape)" |
| aspect-ratio | 목표 디스플레이 영역의 너비를 정의합니다。/높이 비율. 가능한 "min"을 사용할 수 있습니다.-"과 "max-" 접두사. 예시: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | 목표 디스플레이를 정의합니다./종이의 device-width/device-height 비율. 가능한 "min"을 사용할 수 있습니다.-"과 "max-" 접두사. 예시: media="screen and (aspect-ratio:16/9)" |
| color | 목표 디스플레이의 bits per color를 정의합니다。 가능한 "min"을 사용할 수 있습니다.-"과 "max-" 접두사. 예시: media="screen and (color:3)" |
| color-index | 목표 디스플레이가 처리할 수 있는 색상 수를 정의합니다. 가능한 "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 | tv 디스플레이의 스캔 방법을 정의합니다. 가능한 값은: "progressive"과 "interlace"입니다. 예제: media="tv and (scan:interlace)" |
| grid | 출력 장치가 그리드인지 비트맵인지 정의합니다. 가능한 값:1"은 그리드를, "0"은 다른 것을 의미합니다. 예제: media="handheld and (grid:1)" |