[HTML] NAV TAG

in Web Basic on Html
[HTML] NAV TAG

NAV TAG 에 대해서 학습한다.

1.nav tag 개요

nav 태그는 콘텐츠 네이게이션 요소를 담는 요소입니다.

검색엔진이 크롤링을 할때 이 nav 요소안의 a링크를 긁어 가기 때문에 다음과 같이 사용하시는 것이 일반적으로 사용되는 방법입니다.

[사용예]

<nav>
    <a href="/html/intro">HTML</a> |
    <a href="/css/intro">CSS</a> |
    <a href="/javascript/intro">JavaScript</a>
</nav>

<nav> 요소를 사용하는 일반적인 예로는 메뉴, 목차, 인덱스 등이 있습니다. 글을 읽지 못하는 사용자를 위한 스크린 리더기와 같은 브라우저는 <nav> 요소를 사용하여 해당 콘텐츠의 초기 렌더링을 생략할지 여부를 결정합니다.

2.정리

<nav> 요소 안에는 a 태그 말고도 ul li dl dd 등 많은 태그들이 올 수 있으나 검색엔진은 nav 태그 안의 a링크를 컨텐츠로 인식하여 긁어가기 때문에 a 링크에 컨텐츠 url 을 매핑 시키는 것이 일반적인 작성법으로 알려져 있습니다.

html을 문서로 생각하여 그 의미를 명확하게 알고 작성하기 위해서 nav 태그의 의미를 한번 다시 생각해 보셨으면 좋겠습니다.

© 2021. All rights reserved.