آموزش HTML 5 > تگ های جدید HTML 5 > تگ < bdi >
تگ < bdi > :
عبارت bdi مخفف واژه Bi-directional Isolation ، به معنای جدا سازی بی جهت یا ساختار
نیافته است .
از تگ 9 برای جدا سازی و فرمت دادن به یک متن که با سایر متون اطراف خود فرق دارد ،
استفاده می شود .
از این تگ معمولا برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه
بوده و از لحاظ فرمت با آن فرق دارد ، استفاده می شود .
برای مثال فرض کنید که یک پاراگراف دارید به زبان انگلیسی . حال عبارت یا واژه ای فارسی
در میان این متن قرار دارد . تفاوت زبان دو نوشته ، ممکن است باعث نمایش ناصحیح متن
پاراگراف شود . با قرار دادن متن فارسی در یک تگ < bdi > ، آن را از سایر متن
ایزوله کرده و مانع از بروز اشکال احتمالی در نمایش آن می شوید .
شکل کلی استفاده از یک تگ < bdi > بصورت زیر است :
|
syntax
|
<bdi> متن مورد نظر درون تگ </bdi>
|
پشتیانی در مرورگر های مختلف :
این تگ فقط در مرورگرهای فایرفاکس و کروم پشتیبانی می شود .
مثال عملی :
در مثال زیر ، نحوه استفاده از تگ < bdi > را در عمل نمایش داده ایم .
یک نام فارسی در متن انگلیسی وجود دارد ، که در حالت عادی مرورگر آن را با اشکال نمایش
می دهد . اما در خط دوم ، متن فارسی را در یک تگ < bdi > قرار داده و باعث
نمایش صحیح آن شده ایم :
|
مثال
|
<ul>
<li>User Ali : 60 points</li>
<li>User إيان : 80 points</li>
<li>User <bdi>إيان</bdi> : 90 points</li>
</ul>
|
|
خروجی
|
- User
Ali
: 60 points
- User إيان : 80 points
- Userإيان: 90 points
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :