برای استفاده از همه امکانات سایت باید جاوا اسکریپت مرورگر خود را فعال کنید.

آموزش تگ 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

<style>
body{
 direction:rtl;
}
</style>


پشتیبانی مرورگرها

تگ <bdi> مرورگرهای کروم 16، فایرفاکس 10، اپرا 11.5 و اج 79 به بالا پشتیبانی می شود.
عدم پشتیبانی در سافاری.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی 16 10 11.5 --- 79


پشتیبانی از ویژگی ها و رویدادهای عمومی

تگ <bdi> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،
اشتراک گذاری:          
لینک کوتاه:

نظرات نظرات تا اطلاع ثانوی غیر فعال است.