w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it



div nested within elements, elements nested within div

Classified as: flow content, palpable content

Parents, div

Children, div

Examples: div parents, div 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>

<div>
...
</div>

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

<div>
<p>...</p>
<img>
...
</div>

</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>
<div>...</div>
</head>
<body>

<h1>
<div>...</div>
</h1>

</body>
</html>

Syntax 1: Valid, div nested within body: allowed
Syntax 2: Valid, p, img elements nested within div: allowed
Syntax 3: Invalid, div nested within head, h1: not allowed

div intro div browser display div vs spandiv syntax