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

[link] HTML5 - <nav>★ (네브태그, 네비게이션태그) - 네비게이션 링크 모음 : IE 9이상 최신 브라우저만 지원

예제

<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>


결과보기


정의

네비게이션 링크 묶음.  (즉, 관련성 있는 링크들을 묶어 링크 그룹을 형성하는 역할 함.)

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



비고

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

2. 모든 링크를 <nav> 태그 안에 넣어야 하는 건 아님. 관련성 있는 링크 메뉴들을 묶어주는 역할을 할 뿐임.

3. 몸이 불편한 사람을 위한 스크린 리더 같은 브라우저 경우, <nav> 태그 안의 내용 렌더링(=출력) 여부를 결정 가능함.

4. HTML5에 새로 도입

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

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

7. 주요 브라우저 기본 CSS :  nav { display: block; }      ※ 즉, 블럭요소로서 한 줄 전체를 차지하는 요소임.


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

이름
비밀번호
자동등록방지
Hz패밀리 가입선물 이벤트 종료
분류 제목
intro HTML - 발전사 (HTML 4.01 → XHTML → HTML5.0)
intro HTML - 태그 기본 문법 ★
basic HTML - <!DOCTYPE> ★★ - 문서타입 (= 독타입태그)
basic HTML - <html> ★ - HTML문서 (= 에이치티엠엘태그)
basic HTML - <body> ★ - 문서영역 (= 본문영역 = 바디태그)
font HTML - <h1> ~ <h6> ★ (에이치태그) - 문단제목 글씨크기
basic HTML - <p> ★ (= 피태그 = 피요소) - 글단락 (= 글문단)
basic HTML - <br> ★ (비알태그) - 줄바꿈 (=한줄아래로)
basic HTML - <hr> (에이치알태그) - 주제 다른 문단 구분 수평선(=가로선) - (HTML5 일부 속성…
basic HTML - <!--주석 내용--> ★ (주석태그) - 주석 처리
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
formatting HTML - <acronym> (애크로님태그) - 두문자어 : STF (IE6 이상) - (HTML5 지원 …
formatting HTML - <abbr> (어브르태그,어브리비에이션태그) - 축약어 : STF (IE7 이상)
formatting HTML - <address> (어드레스태그) - 문서 작성자나 소유자의 연락처
font HTML - <b> ★ (비태그, 볼드태그) - 굵은글씨 (= 폰트굵기) (일반)
formatting HTML - <bdo> (브도태그) - 텍스트 출력 방향
font HTML - <big> (빅태그) - 큰글씨 (= 큰글자 = 글자 크게) - (HTML5 지원 X)
formatting HTML - <blockquote> ★ (블락쿼트, 블럭쿼트) - 긴 인용구
formatting HTML - <center> ★ (센터태그) - 중앙정렬 - (HTML5 지원X)
formatting HTML - <cite> (사이트태그, 싸이트태그) - 인용구 제목 (저작물 제목)
목록

방문자 수

오늘 77
어제 573
최대 728
전체 502,941
Since 2012