آموزش تگ bdi در HTML - راهنمای جاسازی محتواهای با جهت نامشخص در html

تگ bdi مخفف Bi-Directional Isolation به معنای جدا سازی دو طرفه می باشد و برای جاسازی محتواهایی که جهت نامشخص دارند به کار می رود. به عبارت دیگر وقتی متنی ...

تگ bdi مخفف Bi-Directional Isolation به معنای جدا سازی دو طرفه می باشد و برای جاسازی محتواهایی که جهت نامشخص دارند به کار می رود. به عبارت دیگر وقتی متنی از یک زبان چپ به راست مثل انگلیسی را می خواهیم در داخل زبان فارسی که نگارش آن راست به چپ است به کار ببریم، هنگام نمایش در صفحه دچار به هم ریختگی می شود و برای رفع این مشکل از تگ bdi استفاده می کنیم.
مثال:

<p>با هم آموزش <bdi>html</bdi> را دنبال می کنیم</p>

یا

<li>User <bdi>إيان</bdi>: 90 points</li>

در صورتی که جهت متن صفحه را با استفاده از صفت dir یا ویژگی direction در CSS مشخص کنید دیگر نیاز استفاده از تگ bdi نیست.

مثال: استفاده از صفت dir برای مشخص کردن جهت متن صفحه

<body dir="rtl">
<p>سلام خوبی؟ من Sadegh هستم</p>
</body>

مثال: استفاده از ویژگی direction در CSS