«   2018/09   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
Archives
Today
80
Total
1,153,989
안정적인 DNS서비스 DNSEver
관리 메뉴

Blue Breeze

네비게이션 링크 본문

FrontEnd/CSS

네비게이션 링크

푸른바람 C/H 2009.04.24 18:28

네비게이션 링크

  • 복수 페이지 사이의 관계를 링크로 표시하는 기능
  • 네비게이션 링크를 확실하게 지정하면 사이트에서 이동이 편리해지고 사용성이 향상된다.
  • 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 />

'FrontEnd > CSS' 카테고리의 다른 글

css hack  (0) 2014.03.04
CSS odd & even rules  (0) 2010.08.11
네비게이션 링크  (0) 2009.04.24
웹 표준 경진대회 & CSS PLAYGROUND  (0) 2009.03.16
css에서 자바스크립트를 사용할수 있는 옵션  (1) 2006.09.22
css menu  (0) 2006.09.22
0 Comments
댓글쓰기 폼