HTML - Nav element

About

nav 1) 2) is an element that represents a section of a page whose purpose is to provide:

Group

Group element may be grouped with an aside element.

Example

Example is from the specification 3) that creates:

 <h1>The website title</h1>
 <nav>
  <ul>
   <li><a href="/">Home</a></li>
   <li><a href="/events">Current Events</a></li>
   ...more...
  </ul>
 </nav>
 <article>
  <header>
   <h1>Article title</h1>
   <p>Written by Foo</p>
  </header>
  <nav>
   <ul>
    <li><a href="#section1">Section title 1</a></li>
    <li><a href="#section2">Section title 2</a></li>
    ...more...
   </ul>
  </nav>
  <div>
  ....
  </div>
</article>





Discover More
Bootstrap - Navbar

in Bootstrap In Bootstrap 4, the Navbar is responsive by default and utilizes flexbox to make alignment of Navbar content much easier. The navbar-header class has been removed from Bootstrap 4, and the...
CSS - list-item (list formatting)

This page is the formatting of element seen as a list-item. A list-item has: a principal block box (the normal box) and anadditional box known as themarker box (the marker). All properties applies...
HTML - (Flow|Body) Content

Most elements that are used in the body of documents and applications are categorized as flow content. Flow content consists of flow elements intermixed with normal character data. (ifbodhead...
HTML - Article Element

article is an element that represents a section of content that forms an independent part of a document or site; For example: a magazine a newspaper article, or a blog entry. This is a more...
HTML - Aside (Content Element)

HTML aside is an element: that indicates content that is only tangentially related to the rest of the content. asideparentheticalsmain content The element can be used for: typographical...
HTML - Sections (Sectioning Content Element)

Sectioning content or sectioning element are elements that creates a logical section A section in HTML logically groups content by thematic. Each section can have one heading or a group of heading associated...
How to create a table of content in HTML ?

This page talks the creation of a Table of content in html. The TOC is created generally with a nav element net below the header of your article (ie main content). The table of content can be added...
Google Search Breadcrumb
UI - Breadcrumb

A breadcrumb trail on a page indicates the page's position in the site hierarchy. It permits to categorize the information. A Example in More ... ...



Share this page:
Follow us:
Task Runner