HTML and CSS Reference
In-Depth Information
Navigation and Supplemental Content
The <nav> element defines a section of a page that contains navigation links. These links
may point to topics on the current page or to other web pages on a website. It is not unusual
to have a page with multiple <nav> sections, one for the main navigation menu, one for the
submenu, another for topics within the current article, etc. All of the links on a web page
don't need to be included inside a <nav> element. Generally speaking, the <nav> element is
reserved for the more important navigational sections.
In our sample CV we can use the <nav> element to wrap the initial navigation menu that
bookmarks different sections of the CV.
<nav>
<p><a href="#personal">Personal Information</a></p>
<p><a href="#education">Education</a></p>
<p><a href="#skills">Skills</a></p>
<p><a href="#portfolio">Portfolio</a></p>
</nav>
The <aside> element is perfectly suited for a sidebar. A sidebar can refer to a bar physically
located to the side of a page or a section of content that provides "additional information."
Essentially, <aside> represents a complete chunk of content that's separate from the main
content of the page but is still related to that content. For example, it makes sense to use
<aside> to create a sidebar with related content or links next to a main article. We can also
use <aside> to define a block of ads.
Search WWH ::
Custom Search