در این مقاله با آموزش تگ bdi در html در خدمت علاقه مندان به یادگیری html هستیم.
تگ bdi مخفف شده عبارت Bi-Directional Isolation به معنی جداسازی دوطرفه میباشد.
اگر خیلی کوتاه و مختصر بخوایم کاربرد تگ <bdi> رو توضیح بدم باید بگم که فکر کنید زبان سایت شما انگلیسی هستش و یک عبارت فارسی یا عربی در آن به کار میبرید و ظاهر جمله بندی شما به هم میریزد.
این تگ برای جهت دهی به این چنین عباراتی ساخته شده است که بتواند به عبارت غیر مرتبط با زبان اصلی سایت شما را جهت دهی کند و ظاهر آن حفظ شود.
ساختار تگ <bdi> :
<bdi>txt</bdi>
برای مثال عبارت زیر را در نظر بگیرید:
My country is ایران in the Middle East.
My country is <bdi>ایران</bdi> in the Middle East.
خروجی قطعه کد بالا:
My country is ایران in the Middle East.
پشتیبانی مرورگر ها از تگ <bdi> در HTML :
تمامی مرورگرها به جز IE از این تگ پشتیبانی می کنند.
نکات تگ <bdi> :
- تگ <bdi> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <bdi> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.