show-notice
hide-notice

Friday 9 August 2013

HTML 5 bdi Tag


Introduction:

The HTML <bdi> tag is used on a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting.This can be useful when displaying right-to-left text (such as Arabic) inside left-to-right text (such as English) when the text-direction is unknown. The <bdi> element allows you to honor the correct directionality of text when this is unknown (such as in the case with user-generated content).

Example:
<html>
<head>
<title>HTML 5 bdi Tag</title>
</head>
<body>
<p>And the top five contributors are:</p>
<ol>
<li>User <bdi>homerjay</bdi>: 1601 posts</li>
<li>User <bdi>msimpson</bdi>: 335 posts</li>
<li>User <bdi>إيان</bdi>: 195 posts</li>
<li>User <bdi>barts</bdi>: 6 posts</li>
<li>User <bdi>moe</bdi>: 2 posts</li>
</ol>
</body>
</html>

SHARE THIS POST   

0 comments :

Post a Comment

Design by Gohilinfotech | www.gohilinfotech.blogspot.com