آموزش طراحی سایتآموزش HTML

تگ bdo در HTML

تگ bdo چیست ؟‌ در چه مواردی از تگ <bdo> استفاده می‌ شود؟ منظور از تغییر پیش فرض جهت متن چیست؟ برای نمایش پاراگراف متن انگلیسی در وب سایت های فارسی از چه تگی استفاده می‌کنیم؟ در این مقاله به صورت کامل با تگ <bdo> آشنا می‌ شویم.

تگ bdo

bdo مخفف (سرنام) واژگان Bi-Directional Override بحساب می آید. تگ bdo برای تغییر پیش فرض جهت متن استفاده می شود. مهم ترین نمونه رایج استفاده از این تگ در وبسایت های فارسی زبان برای نمایش یک پاراگراف متن انگلیسی در سمت چپ است.

نحوه نوشتار

برای استفاده از این تگ، باید از خاصیت dir استفاده کنیم که خود، می‌تواند دو مقدار را قبول کند:

  • rtl: جهت نوشتار را از راست به چپ تنظیم می‌کند. (مانند فارسی و عربی)
  • ltr: جهت نوشتار را از چپ به راست تنظیم می‌کند. (مانند انگلیسی)
<bdo dir="جهت مورد نظر">...</bdo>

به جای … ، متن مورد نظر خود را می‌نویسیم و به جای dir جهت مورد نظرمان را با استفاده از دو ویژگی rtl و ltr مشخص می‌کنیم.

مثال :

<p> This is the Left to Right text </p>

<p> <bdo dir="rtl"> This is the left to right text </bdo></p>
نمونه کد bdo
نمونه کد bdo

نتیجه کد، به صورت زیر خواهد بود:

نتیجه مثال تگ bdo
نتیجه مثال تگ bdo

همانطور که مشاهده می شود، توسط تگ <bdo> و خاصیت dir که مخفف direction‌ می باشد، توانستیم جهت متن را تغییر دهیم.

توجه کنید که تگ bdo، تاثیری بر محتوای خود از نظر نحوه نمایش (inline و block) بودن ندارد و تنها کاربرد آن، تغییر دادن جهت متن می‌باشد.

خواص عمومی

این تگ همه خواص عمومی مربوط به تگ های HTML را پشتیبانی می‌کند.

<bdo dir="rtl" class="mizfa">Hello Mizfa</bdo>

برای مثال در نمونه بالا از خاصیت class برای تگ bdo استفاده شده است، شما می‌توانید اطلاعات بیشتری در رابطه با خاصیت class و خاصیت های عمومی در مقالات ما بخوانید.

پشتیبانی

این تگ، در تمامی مرورگر ها، از جمله chrome، safari، Firefox و microsoft edge پشتیبانی می‌شود.

پشتیبانی مرورگر ها از تگ bdo
پشتیبانی مرورگر ها از تگ bdo

نتیجه گیری

  • از تگ bdo، برای تغییر جهت متن استفاده می شود.
  • خاصیت dir در تگ <bdo>، می تواند دو مقدار rtl و ltr را قبول کند.
  • این تگ تمام خواص عمومی دیگر نظیر style را پشتیبانی می کند.
  • تگ مورد نظر از سمت تمامی مرورگر ها، چه در دسکتاپ و چه در موبایل، پشتیبانی می‌شود.

این مقاله نیز به اتمام رسید، اگر سوالی داشتید حتما در بخش نظرات مطرح کنید و من قول میدم که در اولین فرصت جوابتون رو بدم. تا مقاله بعدی و فصل بعدی فعلا…

برچسب ها

علی اسمعیلی

درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم...

نوشته های مشابه

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین ببینید

بستن
دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر