w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it



bdi nested within elements, elements nested within bdi

Classified as: flow content, phrasing content, palpable content

Parents, bdi

Children, bdi

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

<p>
<bdi>

</bdi>
</p>

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

<p>
<bdi>
<a>

</a>
</bdi>
</p>

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

<bdi>
<article>

</article>
</bdi>

</body>
</html>

Syntax 1: Valid, bdi nested inside p element: allowed
Syntax 2: Valid, a nested inside bdi: allowed
Syntax 3: Invalid, bdi nested inside head: not allowed; article nested inside bdi: not allowed

bdi intro bdi syntax