تگ bdo در html

تگ bdo مخفف Bi-Directional Override است و برای نادیده گرفتن جهت متن فعلی استفاده می شود. به عبارت دیگر، تگ <bdo> به شما اجازه می‌دهد که جهت متن را از راست به چپ یا از چپ به راست تغییر دهید. با توجه به اینکه این تگ ممکن است باعث بروز مشکلات غیر منتظره در رندر صفحه شود پیشنهاد می‌شود از تگ مشابه و جدیدتر <bdi> استفاده کنید.

این تگ دارای ویژگی ضروری dir بوده که مقدار آن باید برابر rtl یا ltr باشد.

<bdo dir="rtl">
This text will go right-to-left.
</bdo> 

تگ bdo می‌تواند دارای چندین ویژگی یا attribute باشد که برخی از این ویژگی‌های ضروری و برخی دیگر اختیاری هستند.

ویژگی dir جهت متن ( direction ) محتوای تگ را مشخص می کند، استفاده از این ویژگی در تگ <bdo> الزامی است.

این تگ از ویژگی lang نیز پشتیبانی می‌کند به این صورت که زبان محتوای درون تگ را با استفاده از ویژگی lang مشخص می‌کنید. مثال های رایج عبارتند از en برای انگلیسی، es برای اسپانیایی، fr برای فرانسوی. برای مشخص کردن زبان فارسی می‌توانید از fa یا fa-IR استفاده کنید.

<bdo dir="ltr" lang="en">This text is in English.</bdo>

تگ <bdo> از Global Attributes در HTML پشتیبانی می کند.

تگ <bdo> از Event Attributes in HTML در HTML پشتیبانی می کند.

اکثر مرورگرها تگ <bdo> را با مقادیر پیش فرض زیر نمایش می دهند:

bdo{
  display: inline;
  unicode-bidi: bidi-override;
}