반응형
내비게이션 링크를 확실히 지정하면 사이트에서 이동이 편리해지고 사용성이 향상된다.
WCAG1.0에서 '우선도2'로 내비게이션 링크를 지정하게 규정하고 있다.
link요소는 head요소 내에서만 사용되고, 그 문서에 관련된 다른 문서와의 관계를 표시한다.
속성들
rel="링크타입" - href속성으로 지정되는 링크될 곳과의 관계를 지정.
rev="링크타입" - href속성으로 지정되는 링크될 곳에서 본 이 문서와의 관계를 지정.
href="URI" - 관련문서의 URI지정
hreflang="언어코드" - 관련문서의 기본이 될 언어코드 지정
charset="문자세트" - 관련문서의 문자세트 지정
type="MIME타입" - 관련문서의 MIME타입 지정. 브라우저가 대응하고 있지 않은 형식의 데이터를 로드하는 것을 피하기 위한 목적으로 이용.
media="미디어타입" - 스타일시트를 적용시킬 출력대상이 될 미디어타입 지정. 초기값은 'screen'이고 ','로 구별하여 여러개의 미디어 타입을 지정할 수 있음.
target="프레임이름" - 관련된 다른 문서를 표시하는 프레임 또는 윈도우의 이름을 지정. 지정한 이름의 프레임이 없을 경우엔 새로운 윈도우에 표시 됨.
예제들
<link rel="contents" href="link1.html" title="차례" />
<link rel="glossary" href="link1.html" title="용어집" />
<link rel="help" href="link1.html" title="도움말" />
<link rel="contents help" href="link1.html" title="차례" /> - rel값은 스페이스로 구분하여 복수지정이 가능.
rel 속성값 내용 rel 속성값 내용 start 시작페이지 next 다음페이지 prev 이전페이지 contents 차례 index 찾아보기 glossary 용어집 copyright 저작권정보 chapter 장 section 절 subsection 항 appendix 부록 help 도움말 boolmark 즐겨찾기
대체문서를 지정
<link rel="alternate" href="link1.html" hreflang="EUC-KR" />
<link rel="alternate" href="link1.html" media="print" />
외부 스타일시트 지정
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
작성자 지정
<link rev="made" href="mailto:webazit@naver.com" />
반응형