25 lines
691 B
HTML
25 lines
691 B
HTML
|
<!DOCTYPE html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>HTML5 bdi element</title>
|
|||
|
|
</head>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
In the example below, usernames are shown along with the number of points in a contest.
|
|||
|
|
If the bdi element is not supported in the browser, the username of the Arabic user would confuse the text (the bidirectional algorithm would put the colon and the number "90" next to the word "User" rather than next to the word "points").
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>User <bdi>hrefs</bdi>: 60 points</li>
|
|||
|
|
<li>User <bdi>jdoe</bdi>: 80 points</li>
|
|||
|
|
<li>User <bdi>إيان</bdi>: 90 points</li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<p><b>Note:</b> The bdi element is currently supported only in Firefox and Chrome.</p>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
|