تگ bdi و تگ bdo در html جهت دادن به متن سند html
در این مقاله از سایت آموزی به معرفی و کاربرد تگ <bdi> و تگ <bdo> در html می پردازیم.
تگ bdi و تگ <bdo> در html
تگ <bdi> در HTML
تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.
تگ <bdi> جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.
bdi مخفف Bi-Directiona-Isolationl یعنی جدا سازی دو جهته می باشد.
تگ <bdi> یک تگ جدید در HTML5 است. و در HTML 4.0.1 وجود نداشته است.
پشتیبانی مرورگرها از تگ <bdi> در اچ تی ام ال
مرورگرهای اپرا ، اینترنت اکسپلورر و سافاری تگ <bdi> را پشتیبانی نمی کنند.
اما مرورگرهای گوگل کروم نسخه ۱۶.۰ به بعد و فایرفاکس نسخه ۱۰.۰ به بعد از تگ جدید <bdi> پشتیبانی می کنند.
ویژگی های عمومی تگ <bdi> در HTML
تگ <bdi> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ <bdi> در اچ تی ام ال
تگ <bdi> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ bdo در HTML
تگ <bdo> جهت فعلی متن را نادیده می گیرد.
bdo مخفف Bi-Directional Override و به معنای نادیده گرفتن دو جهته میباشد.
به مثال زیر توجه کنید :
[html]<!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>[/html]
هیچ تفاوتی بین تگ <bdo> در HTML 4.01 و HTML5 وجود ندارد . و برخلاف تگ <bdi> تگ جدید محسوب نمی شود.
پشتیبانی مرورگر ها از تگ <bdo> در اچ تی ام ال
تگ <bdo> در همه مرورگرهای معتبر نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
خصوصیت های ویژه تگ <bdo> در HTML
ltr: نشان می دهد که متن باید در جهت چپ به راست باشد.
rtl: نشان می دهد که متن باید در جهت راست به چپ باشد.
auto: مرورگر تصمیم می گیرد که جهت را بر اساس محتوای عنصر تعیین کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور
خصوصیت های عمومی تگ <bdo> در اچ تی ام ال
تگ <bdo> از همه خاصیت های عمومی در HTML پشتیبانی می کند.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
