آموزش و یادگیری تگ bdo در HTML

در اين بخش از دوره آموزش HTML در آموزش دون، با تگ <bdo> آشنا مي‌شويم. اين تگ براي تغيير **جهت نوشتار متن** استفاده مي‌شود و مخفف Bi-Directional Override است. با اين تگ مي‌توانيد متن را از حالت راست‌به‌چپ (RTL) به چپ‌به‌راست (LTR) يا برعکس نمايش دهيد.

تگ bdo در HTML چيست؟

تگ <bdo><bdi> اين است که bdi متن را ايزوله مي‌کند، اما bdo جهت متن را **اجباري تغيير مي‌دهد**.

مثال ساده از تگ bdo

<p>
  متن فارسي: <bdo dir="ltr">Hello World</bdo>
</p>

در اين مثال، متن "Hello World" به صورت چپ‌به‌راست نمايش داده مي‌شود حتي اگر صفحه به زبان فارسي باشد.

مثال کاربردي با تغيير جهت نوشتار

<p>
  قيمت محصول: <bdo dir="rtl">$100</bdo>
</p>

با اين روش، اعداد و علائم به صورت راست‌به‌چپ نمايش داده مي‌شوند تا با محتواي اطراف هماهنگ شوند.

صفات مهم تگ bdo

مثال با ترکيب bdo و bdi

<p>
  پيام کاربر: <bdi><bdo dir="ltr">محمد123</bdo></bdi>
</p>

در اين مثال، نام کاربر که از سمت سرور آمده با ترکيب bdi و bdo به درستي در صفحه فارسي نمايش داده مي‌شود.

نکات حرفه‌اي در استفاده از bdo

• از <bdo> براي اصلاح جهت نوشتار استفاده کنيد، نه براي استايل يا بولد کردن متن.
• ويژگي dir حتماً بايد تعيين شود، در غير اين صورت تغيير جهت اعمال نمي‌شود.
• تگ bdo در ترکيب با bdi براي محتواهاي چندزبانه بسيار کاربردي است.
• تگ bdo تاثيري بر خوانايي متن ندارد، فقط جهت نمايش متن را تغيير مي‌دهد.

براي يادگيري ساير تگ‌هاي HTML و مديريت جهت نوشتار، پيشنهاد مي‌کنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.