جداساز دوطرفه (bdi)
تگ «جداساز دوطرفه (BDI)» یعنی «Bi-Directional Isolation». این تگ بخشی از متن را از جهت متن اطراف جدا می کند. پس نام کاربری یا متن ناشناخته، چپ به راست یا راست به چپ، به هم نمی ریزد. مثل برگه های مدرسه که ستون نمره را جدا می کنی.
تعریف ساده و کاربرد
با <bdi> می گویی: «این قسمت مستقل از جهت اطراف است». بنابراین، متن های کاربر یا زبان های متفاوت، درست نمایش داده می شوند. همچنین، مرورگرها تا حد خوبی پشتیبانی می کنند؛ اما گزارش منبع می گوید Safari پشتیبانی ندارد.
نمونه کد: جداسازی نام کاربری
<ul>
<li>User <bdi>hrefs</bdi>: 60 points</li>
<li>User <bdi>jdoe</bdi>: 80 points</li>
<li>User <bdi>إیان</bdi>: 90 points</li>
</ul>
گام های عملی
- جایی که متنِ جهت نامشخص داری را پیدا کن.
- فقط همان بخش را داخل تگ
<bdi>بگذار. - صفحه را تست کن و به هم ریختگی جهت را چک کن.
نکته: اگر نیاز به اطلاعات همین صفحه داشتی، تگ bdi را به عنوان مرجع داخلی نگه دار.
هشدار: به خاطر پشتیبانی Safari، حتماً نمایش را در دستگاه های مختلف بررسی کن.
برای جهت دهی صریح متن نیز صفحه تغییر جهت متن (bdo) را ببین.
جمع بندی سریع
<bdi>بخش متن را از جهت اطراف جدا می کند.- مناسب متن های کاربری و زبانِ ناشناخته است.
- پس از استفاده، حتماً خروجی را تست کن.
- Safari طبق منبع پشتیبانی ندارد.