Which HTML5 element should wrap the navigational links of a page?

Which HTML5 element should wrap the navigational links of a page?

• A. Footer
• B. Header
• C. Aside
• D. Nav

Answer: (D)

Wrapping navigational links in a dedicated navigation container signals the page's purpose to both users and assistive technologies. The nav element marks a section that contains major navigation links, making it clear this block is meant for navigation rather than other content. This improves accessibility because screen readers and keyboard users can identify and jump directly to the site’s navigation. You can have multiple navigation regions on a page—for example, global navigation in the header and a secondary set of links in the footer or a sidebar. A typical pattern is a nav element containing a list of links, such as: <nav><ul><li><a href="/home">Home</a></li>...</ul></nav>. While header, aside, and footer serve other roles (introductory content, related content, and concluding information, respectively), the nav element specifically conveys navigational intent.

Wrapping navigational links in a dedicated navigation container signals the page's purpose to both users and assistive technologies. The nav element marks a section that contains major navigation links, making it clear this block is meant for navigation rather than other content. This improves accessibility because screen readers and keyboard users can identify and jump directly to the site’s navigation. You can have multiple navigation regions on a page—for example, global navigation in the header and a secondary set of links in the footer or a sidebar. A typical pattern is a nav element containing a list of links, such as:

• Home
...

. While header, aside, and footer serve other roles (introductory content, related content, and concluding information, respectively), the nav element specifically conveys navigational intent.