HTML nav 태그 사용법

웹 언어 배우기/HTML
2020. 5. 25. 07:00

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>

직접해보기