w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it



progress nested within elements, elements nested within progress

Classified as: flow content, phrasing content, labelable, palpable content

Parents, progress

Children, progress

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

<progress>
...
</progress>

</body>
</html>
Valid Syntax 2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>

<p>
<progress>
simple text
<img>
<a>...</a>
</progress>
</p>

<ol>
<li>...</li>
<li><progress>...</progress></li>
</ol>

<figure>
<figcaption>...</figcaption>
<progress>...</progress>
</figure>

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

<progress>
<section>
...
</section>
<progress>...</progress>
</progress>

</body>
</html>

Syntax 1: Valid, progress nested within body: allowed
Syntax 2: Valid, phrasing elements (img, a) and text nested within progress: allowed; progress nested within p, li, figure elements: allowed;
Syntax 3: Invalid, progress nested within head, progress: not allowed; section nested within progress: not allowed

progress intro progress browser display progress fallback contentprogress syntaxprogress value attributeprogress max attribute