تگ bdi و تگ bdo در html | معرفی تگ bdo در html | تگ bdi در html

در این مقاله از سایت آموزی به معرفی و کاربرد تگ <bdi> و تگ <bdo> در html می پردازیم.

تگ bdi و تگ <bdo> در html

تگ <bdi> در HTML

تگ bdi و تگ bdo در html | معرفی تگ bdo در html | تگ bdi در html

تگ <bdi> و تگ bdo در html |  تگ bdi در html |  تگ bdi و تگ bdo در html

تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.

تگ <bdi> جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.

bdi مخفف Bi-Directiona-Isolationl  یعنی جدا سازی دو جهته می باشد.

تگ <bdi> یک تگ جدید در HTML5 است. و در HTML 4.0.1 وجود نداشته است.

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

مرورگرهای اپرا ، اینترنت اکسپلورر و سافاری تگ <bdi> را پشتیبانی نمی کنند.

اما مرورگرهای گوگل کروم نسخه ۱۶.۰ به بعد و فایرفاکس نسخه ۱۰.۰ به بعد از تگ جدید <bdi> پشتیبانی می کنند.

ویژگی های عمومی تگ <bdi> در HTML

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

رویدادهای عمومی تگ <bdi> در HTML

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

تگ bdo در HTML

تگ bdi و تگ bdo در html | معرفی تگ bdo در html | تگ bdi در html

تگ bdi و تگ bdo در html | تگ <bdi> در html | تگ bdi و تگ bdo در html | تگ <bdi> و تگ bdo در html

تگ <bdo> جهت فعلی متن را نادیده می گیرد.

bdo مخفف Bi-Directional Override و به معنای نادیده گرفتن دو جهته میباشد.

به مثال زیر توجه کنید :

هیچ تفاوتی بین تگ <bdo> در HTML 4.01 و HTML5 وجود ندارد . و برخلاف تگ <bdi> تگ جدید محسوب نمی شود.

پشتیبانی مرورگر ها از تگ <bdo> در HTML

تگ <bdo> در همه مرورگرهای معتبر نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

خصوصیت های ویژه تگ <bdo> در HTML

ltr: نشان می دهد که متن باید در جهت چپ به راست باشد.

rtl: نشان می دهد که متن باید در جهت راست به چپ باشد.

auto: مرورگر تصمیم می گیرد که جهت را بر اساس محتوای عنصر تعیین کند.

خصوصیت های عمومی تگ <bdo> در HTML

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

تگ bdi و تگ bdo در html | تگ bdi در html – اختصاصی سایت آموزی