آموزش تگ bdo در HTML
آموزش تگ bdo در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ bdo در HTML به صورت کامل آشنا بشید.
تگ bdo در HTML
تگ bdo مخفف شده عبارت Bi-Directional Override و معنی آن “لغو دو جهته” است. ما با استفاده از این تگ میتوانیم جهت یک متن را برعکس کنیم. به مثال ساده تر یعنی روبه روی عبارت به صورت افقی یک آینه قرار دهیم و معکوس آن را ببینیم.
milad alizadeh
milad alizadeh
یک مثال برای تگ bdo در HTML
در ادامه دوره آموزشی پروژه محور HTML CSS به یکی از مثال های این تگ میپردازیم تا درک بهتری از این تگ داشته باشید و به سهولت بتوانید از این تگ استفاده کنید.
مثال اول : برعکس کردن متن انگلیسی و متن فارسی با استقاده از تگ bdo
<body> <p> <bdo dir="rtl">Sadegh</bdo> </p> <p> <bdo dir="ltr">صادق</bdo> </p> </body>
راستی اگر دنبال آموزش html css پروژه محور در تبریز هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید
پشتیبانی مرورگرها از تگ bdo
در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ bdo در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
جدول صفات تگ bdo در HTML
جدول زیر به شما کمک میکند تا صفات تگ bdo را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.
پشتیبانی تگ bdo از صفات و رویدادهای عمومی
تگ bdo قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
نکات و توضیحات
- به کار گیزی صفت dir در داخل این تگ، برای برعکس کردن محتوای ایجاد شده ضروری است.
- در صورتی که میخواهید متن فارسی را برعکس کنید باید از LTR به معنای چپ به راست استفاده کنید. اما در صورتی که میخواهید متن انگلیسی را برعکس کنید باید از RTL به معنای رایت به چپ ، درون تگ bdo استفاده نمایید.
دستورات پیش فرض CSS
اغلب مرورگرها تگ bdo را به شکل کد های CSS همچون دستورات زیر نمایش میدهند. شما عزیزان نیز میتوانید بدون هیچ گونه تغییری از این کد ها استفاده کنید.
bdo {
unicode-bidi: bidi-override;
}
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید