تگ bdi و تگ bdo در html | معرفی تگ bdo در html | تگ bdi در html
در این مقاله از سایت آموزی به معرفی و کاربرد تگ <bdi> و تگ <bdo> در html می پردازیم.
تگ bdi و تگ <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 | تگ <bdi> در html | تگ bdi و تگ bdo در html | تگ <bdi> و تگ bdo در html
تگ <bdo> جهت فعلی متن را نادیده می گیرد.
bdo مخفف Bi-Directional Override و به معنای نادیده گرفتن دو جهته میباشد.
به مثال زیر توجه کنید :
1 2 3 4 5 6 7 | <!DOCTYPE html> <html> <body> <p>This paragraph will go left-to-right.</p> <p><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p> </body> </html> |
هیچ تفاوتی بین تگ <bdo> در HTML 4.01 و HTML5 وجود ندارد . و برخلاف تگ <bdi> تگ جدید محسوب نمی شود.
پشتیبانی مرورگر ها از تگ <bdo> در HTML
تگ <bdo> در همه مرورگرهای معتبر نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
خصوصیت های ویژه تگ <bdo> در HTML
ltr: نشان می دهد که متن باید در جهت چپ به راست باشد.
rtl: نشان می دهد که متن باید در جهت راست به چپ باشد.
auto: مرورگر تصمیم می گیرد که جهت را بر اساس محتوای عنصر تعیین کند.
خصوصیت های عمومی تگ <bdo> در HTML
تگ <bdo> از همه خاصیت های عمومی در HTML پشتیبانی می کند.
ثبت ديدگاه