วิธีแทนข้อความที่ต้องแยกจากบริบทสำหรับการจัดรูปแบบข้อความสองทิศทาง (Bidirectional) ใน HTML

ใช้แท็ก <bdi> (Bi-Directional Isolation) เพื่อแยกข้อความที่มีทิศทางต่างจากบริบทรอบข้าง เช่น ใส่คำภาษาอาหรับ/ฮีบรูในข้อความภาษาอังกฤษ

ตัวอย่าง

<!DOCTYPE html>
<html>
  <head>
    <title>HTML bdi Tag</title>
  </head>
  <body>
    <p>Quizzes:</p>
    <ul>
      <li>Programming: <bdi>Java</bdi></li>
      <li>Scripting: <bdi>JavaScript</bdi></li>
      <li>Mobile: <bdi>Android</bdi></li>
    </ul>
  </body>
</html>