코딩야학(HTML5_nav 태그)

* <nav> 태그

: nav라고 하는 약속을 통해서 웹사이트를 탐색하는데에 사용되는 정보라는 것을 

이해할 수 있다.

* <nav> 태그를 사용하지 않는 경우( ol과 li는 문서를 탐색하는 역할을 하는 태그.)

-> 기계, 검색엔진 같은 장치들은 리스트와 위에 있는 리스트의 성격을 잘 구별하지 못한다. 

이런 이유에서 네비게이션, 즉 웹사이트를 탐색하는 정보를 좀 더 분명하게 표시해서 기계들도 잘 이해할 수 있도록 하는 태그가 HTML5에서 도입되었는데 이것이 바로 <nav>라는 태그이다. 

* <nav> 태그를 사용할 경우

-> 위의 사진처럼 <nav>로 감싸면 저기 있는 리스트가 네비게이션을 위한 리스트라는 것을 분명하게 이해할 수 잇다. 그리고 <nav>로 감싸져있지 않은 것은 그냥 콘텐츠가 된다.

-> <nav>를 쓴다고 해서 화면상의 모습이 달라지지 않는다. 다만, <nav>라는 약속된 태그를 통해서 

누가봐도 저 <nav> 안쪽에 있는 부분이 웹사이트를 탐색하는데 사용되는 정보라는 것을 이해할 수 있게

 된다.

 

*이 포스트는 이고잉님의 강의를 참고하여 작성했습니다.