HTML5 Navigation Bar

To make a navigation bar using the HTML5 nav element, encase the links within the nav tag.

<nav>
  <a href="#">Home</a> 
  <a href="#">About</a> 
  <a href="#">Contact</a> 
</nav>

Found a mistake? Have a question or improvement idea? Let me know.

Navigation bars:

* Navigation Bars

* Basic Navigation Bar

* HTML5 Navigation Bar

Table Of Contents

0 Getting started

1 Headings

2 Anchors and hyperlinks

3 Tables

4 Input control elements

5 Sectioning elements

6 Lists

7 Comments

8 IFrames

9 Text formatting

10 Classes and IDs

11 Images

12 Linking resources

13 Selection menu controls

14 Output element

15 Content Languages

16 Doctypes

17 Forms

18 Canvas

19 Data attributes

20 SVG

21 Meta information

22 Void elements

23 Div element

24 Label element

25 Marking up source code

26 Media elements

27 Tabindex

28 ARIA

29 Global attributes

30 Marking-up quotes

31 Include JavaScript in HTML

32 Image Maps

33 Using HTML with CSS

34 Progress element

35 Character entities

36 Paragraphs

37 HTML 5 cache

38 Embe

39 Navigation bars

40 HTML event attributes

41 Contributors