목차
- <nav> 예제 - 네비게이션 링크 묶기
- <nav> 정의
- <nav> 기본 CSS
<nav> 예제 - 네비게이션 링크 묶기
<nav>
<a href="https://homzzang.com/b/html">HTML</a> |
<a href="https://homzzang.com/b/css">CSS</a> |
<a href="https://homzzang.com/b/js">JavaScript</a> |
<a href="https://homzzang.com/b/jquery">jQuery</a>
</nav>
결과보기
<nav> 정의
네비게이션 링크 묶음. (즉, 관련 링크 그룹 형성.)
1.
시작태그와 종료태그로 구성
2.
모든 링크를 <nav> 태그 안에 넣어야 하는 건 아님.
관련성 있는 링크 메뉴들을 묶어주는 역할을 할 뿐임.
3.
몸이 불편한 사람을 위한 스크린 리더 같은 브라우저 경우,
<nav> 태그 안의 내용 렌더링(=출력) 여부 결정 가능함.
4.
HTML5에 새로 도입
5.
IE9 이상 주요 최신브라우저 지원.
6.
<nav> 태그는 전역속성・이벤트속성 지원.
<nav> 기본 CSS
nav {
display: block;
}
<nav> 태그는 블럭요소 (= 한 줄 전체 차지).