1. 단위의 정의
어떤 물리량의 크기나 세기를 측정할 때 수치로 표현하기 위해 기준(즉, 1)으로 삼는 일정량을 말한다. 예를들어 1m 라는 단위는 진공에서 빛이 1/299,792,458초 동안 진행한 거리로 정의되어 있다.
2. HTML에서 사용하는 단위들
가. 절대단위(absolute unit)
- in(inch:인치)
1in = 2.54cm
- cm(centimeter:센티미터)
1cm = 10mm = 0.393700in
- mm(millimeter:밀리미터)
- pt(point:포인트)
1pt = 1/72in
- pc(pica:피카)
1pc = 12pt
나. 상대단위(relative unit)
- %(precent:퍼센트)
- em / 1em = 100%
이 단위는 브라우져(Browser)에서 정하고있는 기본크기를 기준으로 그 배수로 정의하고 있다. 만일 firefox에서 기본으로하는 16pt를 본다면 12pt는 0.75em이 되는것이다.
- ex
1ex는 그 폰트에서 소문자 x의 높이를 기준으로 한다. 즉 브라우져의 기본 폰트가 16pt라면 소문자 x의 크기가 16pt가 되도록 맞추는 것이다. 일반적으로 x의 크기가 반이라고 보기때문에 약 두배라고 생각하고 맞추면 된다. 하지만 일반적인것이지 항상 그런것은 아니다!!!
다. 기타
- xx-small
- x-small
- small
- medium
- large
- x-large
- xx-large
- smaller
- larger
단위의 사용을 강제하는것은 없다. 어떤곳은 em을 쓰고, 어디는 pt를 쓰고 곳곳에서 다르게 적용하고 있다. 나는 조심스레 em의 손을 들고싶다. 사용자가 원하는 크기를 정해놓은 그 기준에서 일정비율으로 보여준다는것. 만드는사람의 입장에선 까다롭겠지만 사용자중심의 현시대는 사용자를 얼마나 배려하는가가 얼마나 좋은 페이지인가를 가늠할 수 있지 않을까?
