آموزش تگ bdo در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ bdo در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ bdo در HTML
تگ bdo که مخفف ( Bi-Directional Override ) می باشد میتواند میسر/جهت یک متن را برعکس کند و بطور کلی و خودمونیم بخوایم بگیم ینی ما با استفاده از این تگ میتونیم متن مون رو برعکس کنیم.
مثال : باکس اولی (معمولی) باکس دومی (برعکس شده)
Sadegh Asadi
Sadegh Asadi
Free-Learn
مثال از تگ bdo در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : برعکس کردن متن انگلیسی
|
1 2 3 4 5 |
<body> <bdo dir="rtl">Sadegh</bdo> </body> |
مثال شماره ۲ : برعکس کردن متن فارسی
|
1 2 3 4 5 |
<body> <bdo dir="ltr">فری لرن</bdo> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ bdo در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ bdo در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| dir | ltr rtl |
جهت متن را مشخص میکند. (rtl) از راست به چپ و (ltr) از چپ به راست |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ bdo از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
استفاده از صفت dir در این تگ برای برعکس کردن محتوا ضروری می باشد.
اگر میخواهید متن فارسی برعکس شود باید از مقدار LTR استفاده نمایید ولی اگر میخواهید متن انگلیسی برعکس شود باید از مقدار RTL درون تگ bdo استفاده نمایید.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ bdo را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
bdo { unicode-bidi: bidi-override; } |
