<link rel="stylesheet" media="screen" type="text/css" href="/skin/balance_black/style.css" />
<link rel="stylesheet" media="print" type="text/css" href="/skin/balance_black/styles/print.css" />
이 블로그에서도 CSS가 위처럼 지정된다. 여기서 media가 screen이나 print로 지정되어 있다. 이 Media Type를 얘기하는 거다.
all : 모든 종류의 장비
aural : 목소리나 사운드에 대한 장비
braille : 점자 피드백 장비
embossed : 페이지 점자 프린터
handheld : 소형 또는 휴대용 장비
print : 프린터
projection : 슬라이드 같은 프리젠테이션
screen : 컴퓨터 화면
tty : 텔레타이프나 터미널 같은 고정간격 글자를 사용하는 미디어장비
tv : 텔레비전 같은 장비
aural : 목소리나 사운드에 대한 장비
braille : 점자 피드백 장비
embossed : 페이지 점자 프린터
handheld : 소형 또는 휴대용 장비
print : 프린터
projection : 슬라이드 같은 프리젠테이션
screen : 컴퓨터 화면
tty : 텔레타이프나 터미널 같은 고정간격 글자를 사용하는 미디어장비
tv : 텔레비전 같은 장비
이건 프린터나 모바일용을 위해서 페이지를 따로 만들지 않고 페이지는 그대로 놔둔채로 CSS규칙만으로 각 장비에 알맞은 화면을 구성하여 보여줄 수 있는 것이다. 이중에 주로 사용할 것은 screen, print정도겠지만 지정만 잘 해놓으면 페이지 하나만 가지고 여러가지 접근성을 제공할 수 있으니 아주 편리한 거였군... ㅎ
미디어 타입은 대소문자를 가리기 때문에 소문자로 적어주어야 한다.
Comments