• 이용 문의
  • 회원가입
  • 로그인

[link] HTML5 - <nav> Tag ★ - 네비게이션링크모음 (네브태그, 네비게이션태그) (IE9이상)

1,047  
<nav> 예제

<nav>
  <a href="http://www.homzzang.com/b/html">HTML</a> |
  <a href="http://www.homzzang.com/b/css">CSS</a> |
  <a href="http://www.homzzang.com/b/js">JavaScript</a> |
  <a href="http://www.homzzang.com/b/jquery">jQuery</a>
</nav>


결과보기


<nav> 정의

 

네비게이션 링크 묶음.  (즉, 관련링크그룹 형성.)

 


0.

브라우저에게 이 링크들은 네비게이션 링크들이다라고 알리는 역할.

 

1.

시작태그와 종료태그로 구성

2.

모든 링크를 <nav> 태그 안에 넣어야 하는 건 아님. 

관련성 있는 링크 메뉴들을 묶어주는 역할을 할 뿐임.

3.

몸이 불편한 사람을 위한 스크린 리더 같은 브라우저 경우, 

<nav> 태그 안의 내용 렌더링(=출력) 여부 결정 가능함.

4.

HTML5에 새로 도입

5.

익스플로러 9 이상 최신 주요 브라우저만 지원함.

6.

HTML에서 모든 전역속성과 이벤트 속성을 지원함.

7.

주요 브라우저 기본 CSS :  nav { display: block; }

※ 즉, 블럭요소로서 한 줄 전체를 차지하는 요소임.

 


즐겨찾기 (= 북마크) : Ctrl + D

이름
비밀번호
자동등록방지
분류 제목 조회
intro HTML - 발전사 (HTML 4.01 → XHTML → HTML5.0)
3,060
3,060
intro HTML - 태그문법 ★
2,574
2,574
basic HTML - <!DOCTYPE> Tag ★ - 문서타입 (= !doctype태그 = !doctype요소 =…
3,784
3,784
basic HTML - <html> 태그 ★ - HTML문서 (= html태그 = html요소)
2,145
2,145
basic HTML - <body> 태그 ★ - 문서영역 (= body태그 = body요소 = 본문영역 = 바디태그 =…
2,524
2,524
font HTML - <h1> ~ <h6> Tag ★ - 문단제목글씨크기 (= 단락제목글자크기 = h1태그, h2태그…
2,613
2,613
basic HTML - <p> Tag ★ - 글단락 (= p태그 = p요소 = 글문단 = 단락태그 = 문단태그 = 피태…
2,486
2,486
basic HTML - <br> Tag ★ - 줄바꿈 (=br태그 = br요소 = 한줄아래로 = 비알태그 = 브레이크태…
2,615
2,615
basic HTML - <hr> Tag - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에…
3,532
3,532
basic HTML - <!--주석 내용--> Tag ★ - 주석처리 (= 주석태그)
2,946
2,946
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
2,714
2,714
formatting HTML - <acronym> Tag - 두문자어 (= 약어 = acronym태그 = acronym요소 = …
1,922
1,922
formatting HTML - <abbr> Tag - 축약어 (= abbr태그 = abbr요소 = 어브르태그 = 어브리비에이션…
2,045
2,045
formatting HTML - <address> Tag - 연락처 (= address태그 = address요소 = 어드레스태그…
1,850
1,850
font HTML - <b> Tag ★ - 굵은글씨 (= b태그 = b요소 = 폰트굵기 = 비태그 = 볼드태그)
2,086
2,086
목록

방문자 수

오늘 480
어제 955
최대 1,698
전체 579,485
Since 2012