Global Navigation

Nav

• nav 태그 안에는 반드시 heading tag가 있어야 한다.

코드

<nav>
    <h1>Global Navigation Menu</h1>
    <ul>
        <li>
            <a href="#">
                <span>Current page</span>
                <!-- Icon -->
                Home
            </a>
        </li>
        <li>
            <a href="#">
                <!-- Icon -->
                Explore
            </a>
        </li>
        <li>
            <a href="#">
                <strong aria-label="5 Unread notifications">5</strong>
                <!-- Icon -->
                Notifications
            </a>
        </li>
        <li>
            <a href="#">
                <!-- Icon -->
                Messages
            </a>
        </li>
        <li>
            <a href="#">
                <!-- Icon -->
                Bookmarks
            </a>
        </li>
        <li>
            <a href="#">
                <!-- Icon -->
                Lists
            </a>
        </li>
        <li>
            <a href="#">
                <!-- Icon -->
                Profile
            </a>
        </li>
        <li>
            <button type="button">
                <!-- Icon -->
                More
            </button>
            <!--DROPDOWN MENU-->
        </li>
    </ul>

    <button type="button">
        Tweet
    </button>
</nav>