แท็ก <bdo> ใน HTML

แท็ก <bdo> ใน HTML

แท็ก <bdo> ใน HTML ใช้สำหรับตั้งค่าทิศทางของข้อความ คำว่า bdo ย่อมาจาก Bi-Directional Override แอตทริบิวท์ต่อไปนี้:

• dir: ตั้งค่าทิศทางข้อความ ค่าสามารถเป็น ltr หรือ rtl สำหรับทิศทางซ้ายไปขวา หรือขวาไปซ้าย ตามลำดับ

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>หัวข้อตัวอย่าง</h2>
  <p>นี่คือข้อความตัวอย่าง!</p>
  <p><bdo dir="rtl">นี่คือข้อความตัวอย่างอีกอันหนึ่ง</bdo></p>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่าข้อความปกติก่อน:

<p>นี่คือข้อความตัวอย่าง!</p>

หลังจากนั้น เราได้ตั้งค่าข้อความที่มีทิศทาง rtl นั่นคือขวาไปซ้าย โดยใช้องค์ประกอบ <bdo>:

<p><bdo dir="rtl">นี่คือข้อความตัวอย่างอีกอันหนึ่ง</bdo></p>