<nav>
<nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
<nav>
<nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
특징 | 설명 |
---|---|
요소 | 블록 요소(Block Element) |
닫는 태그 | 닫는 태그 사용(<nav> ~ </nav>) |
버전 | HTML5 |
사용성 |
정의(Definition)
- <nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
- <nav> 태그는 사이트의 주요 메뉴 및 목차 등을 표현합니다.
- 사이트의 모든 링크가 <nav> 태그에 포함 할 수 없지만, 핵심 탐색 링크에는 <nav> 태그를 사용합니다.
- <nav> 태그가 웹 문서에 여러개 사용 된 경우에는 접근성을 높이기 위해 aria-labelledby 속성을 사용할 수 있습니다.
- 일반적으로 <footer> 영역에 사이트 링크는 <nav> 태그를 사용하지 않습니다.
섹션 관련 요소(Section Related Elements)
- <body> 태그는 사이트 본문에 해당하는 모든 콘텐츠를 포함하는 섹션을 설정합니다.
- <article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다.
- <section> 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다.
- <nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
- <aside> 태그는 사이트의 보조적 컨텐츠 섹션을 설정합니다.
- <h1>~<h6> 태그는 각 섹션의 제목을 설정합니다.
- <header> 태그는 사이트의 해더 콘텐츠 섹션을 설정합니다.
- <footer> 태그는 사이트의 푸터 콘텐츠 섹션을 설정합니다.
호환성(Compatibility)
6 | 7 | 8 | 9 | 10 | 11 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<nav> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |