تگ bdi در html
تگ bdi مخفف Bi-Directional Isolation و مشابه تگ قدیمی <bdo> است که برای تعریف یک متن که جهت آن خلاف جهت زبان فعلی صفحه باشد استفاده می‌شود. برای مثال ممکن است در پاراگراف خود که به زبان فارسی است بخشی از جمله به زبان انگلیسی باشد در این حالت میتوانید از تگ <bdi> برای بخش استفاده کنید. تفاوت این تگ با <bdo> در این است که <bdi> متن موجود را از متن اطراف خود جدا می کند، در حالی که <bdo> فقط جهت را تغییر می‌دهد.
- نحوه استفاده از تگ <bdi>
- attribute یا ویژگی‌های قابل استفاده در تگ‌های <bdi>
- Global Attributes
- Event Attributes
نحوه استفاده از تگ <bdi>
↑فرض کنید در پاراگراف فارسی خود یک کلمه انگلیسی دارید با توجه به اینکه چینش و جهت متن انگلیسی LTR ( چپ به راست ) میتوانید از bdi استفاده کنید
<p>این یک متن فارسی است و دارای یک عبارت <bdi>English</bdi> می‌باشد.</p>
attribute یا ویژگی‌های قابل استفاده در تگ‌های <bdi>
↑تگ bdi می‌تواند دارای چندین ویژگی یا attribute باشد که استفاده از این ویژگی‌ها اختیاری است.
Global Attributes
↑تگ <bdi> از Global Attributes در HTML پشتیبانی می کند.
Event Attributes
↑تگ <bdi> از Event Attributes in HTML در HTML پشتیبانی می کند.
ویژگی‌های ظاهری پیشفرض در تگ <bdi>
↑اکثر مرورگرها تگ <bdi> را با مقادیر پیش فرض زیر نمایش می دهند:
bdi{
display: inline;
}آموزش خصوصی طراحی سایت و وردپرس به صورت آنلاین
پروژه محور - ارتباط مستقیم با مدرس