w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it



nav nested within elements, elements nested within nav

Classified as: flow content, sectioning content, palpable content

Parents, nav

Children, nav

Examples: nav parents, nav children

Valid Syntax 1
1
2
3
4
5
6
7
8
9
10
11
12
13		<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>

<nav>

</nav>

</body>
</html>
Valid Syntax 2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>

<nav>
...
<a>...</a>
<a>...</a>
<a>...</a>
</nav>

</body>
</html>
Invalid Syntax 3
1
2
3
4
5
6
7
8
9
10
11
12
13
14		<!doctype html>
<html>
<head>
<title>...</title>
<nav>...</nav>
</head>
<body>

<h1>
<nav><main>...</main></nav>
</h1>

</body>
</html>

Syntax 1: Valid, nav nested within body: allowed
Syntax 2: Valid, a nested within nav: allowed
Syntax 3: Invalid, nav nested within head, h1: not allowed; main nested within nav: not allowed

nav intro nav browser display nav syntax