네비게이션 링크
- 복수 페이지 사이의 관계를 링크로 표시하는 기능
- 네비게이션 링크를 확실하게 지정하면 사이트에서 이동이 편리해지고 사용성이 향상된다.
- WCAG1.0에서도 '우선도2'로 네비게이션 링크를 지정하게 규정하고 있다.
<head> <title>웹 구조의 이해</title> <meta http-equiv="Content-type" contents="applicatioin/xhtml+xml; charset=UTF-8" /> <meta name="description" content="HTML,HTTP,URI등의 웹의 기본적인 구조와 URI의 구조를 설명." /> <meta name="keyword" content="Web,WWW,구조,HTML,hTTP,URI,링크" /> <link rel="contents" href="/index.html" title="차례" /> <link rel="glossary" href="/glossary" title="용어집" /> <link rel="help" href="/about/help.html" title="도움말" /> </head>
rel속성값 및 내용
- start : 시작페이지
- next : 다음페이지
- prev : 이전페이지
- contents : 차례
- index : 찾아보기
- glossary : 용어집
- copyright : 저작권보호
- chapter : 장
- sectioin : 절
- subsecton : 항
- appendix : 부록
- help : 도움말
- bookmark : 즐겨찾기
link 요소로 대체문서를 지정
대체문서 지정, 다른어어버전 표시 및 media 속성을 지정하면 다른 미디어에 적용할 버전을 표시할 수 있다.
<link rel="alternate" href="./english.html" hreflan="en-us" /> <link ref="alternate" href="./imple.html" media="pring" />
link 요소로 외부 스타일시트를 지정
<link rel="stylesheet" type="text/css" media="screen" href="./css/default.css" /> <link ref="stylesheet" type="text/css" media="print" href="./css/print.css" />
link 요소로 작성자 지정
rel 속성이 아니라 rev속성 지정은 그 페이지에서 봤을 때 작성자는 객체가 되기 때문이다. rel속성은 링크와 관계가 '주체' rev 속성은 링크와의 관계가 '객체'라는 차이가 있다.
<link rev="made" href=mailto:webmaster@w3.org />
반응형
'lang > css' 카테고리의 다른 글
css hack (0) | 2014.03.04 |
---|---|
CSS odd & even rules (0) | 2010.08.11 |
웹 표준 경진대회 & CSS PLAYGROUND (0) | 2009.03.16 |
css에서 자바스크립트를 사용할수 있는 옵션 (1) | 2006.09.22 |
css menu (0) | 2006.09.22 |