w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it



footer nested within elements, elements nested within footer

Classified as: flow content, palpable content

Parents, footer

Children, footer

Examples: footer parents, footer children

Valid Syntax 1
1
2
3
4
5
6
7
8
9

10
11
12
13
14
15		<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>


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


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


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

<h1>
<footer>...</footer>
</h1>

</body>
</html>

Syntax 1: Valid, footer nested inside body, article: allowed
Syntax 2: Valid, p nested inside footer: allowed
Syntax 3: Invalid, header, footer, main nested inside footer: not allowed
Syntax 4: Invalid, footer nested inside head, h1: not allowed

footer intro footer browser display footer syntax