QuickLinks

<ul id="quickLinks">

<li><a href="#gnb">상단메뉴 바로가기</a></li>

<li><a href="#contents">본문내용 바로 가기</a></li>

</ul>

실제 브라우저에서 볼때야 상단메뉴(gnb) 가 바로 보이지만

마크업상에서보면 첫번째 라인에서 gnb의 메뉴 하나하나를 보기까지는 상당히 먼 거리 일수가 있다.

그래서 상단메뉴 바로가기 라는것도 넣어준다.

엄연히 접근성을 위함이라지만, 가끔은 왠 지랄인가..라는 생각이..

근데 저거 ie7에서는 또 탭키로 안먹는다 ㅎㅎ

ul 아니라 div 로 해주면 먹는구려..

본문내용 바로가기도 마찬가지

이럴 경우 css 는

width: 0;

height: 0;

line-height: 0;

over-flow: hidden;

visibility: hidden

font-size: 0;

border: 0 none;

가로세로 넓이 죽이고 over-flow hidden 만 줘도 안보이지만 이거저거 같이 엮어서( 가령 hr, legend) 하다보면

저리 과장되게 css 를 넣어 드리면 되니라...