HTML nav 태그 사용법

nav 태그

현재 또는 다른 페이지로 이동하는 링크를 하나로 묶어 네비게이션 역할을 합니다. 대표적으로 메뉴, 목차 등에서 사용할 수 있습니다.

HTML nav 태그 사용법
HTML nav 태그 사용법

사용법

<nav>
    <ul>
    	<li>리스트1</li>
        <li>리스트2</li>
        <li>리스트3</li>
    </ul>
</nav>

예시

<nav>
    <ul>
    	<li>
            <a href="#">금융서비스</a>
            <ul>
            	<li>
                    <a href="#">노후준비 및 재무상태</a>
                    <a href="#">추천금융상품</a>
                    <a href="#">고객이벤트</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

직접해보기

참고 사이트

nav 태그 설명 MDN

 

이 글을 공유하기

댓글

Designed by JB FACTORY