HTML <bdi> Tag

定义和用法

BDI 指的是双向隔离(การแยกทางทิศทางข้อความ)。

<bdi> องค์ประกอบนี้แยกชุดข้อความออกมา ซึ่งอาจมีทิศทางข้อความที่ต่างจากข้อความอื่นที่อยู่ด้านนอก

นี่เป็นองค์ประกอบที่มีประโยชน์มากเมื่อทำการฝังเนื้อหาที่สร้างโดยผู้ใช้ที่มีทิศทางข้อความที่ไม่ทราบก่อน

ตัวอย่าง

แยกชื่อผู้ใช้ออกจากการตั้งแนวของข้อความที่อยู่รอบๆ

<ul>
  <li>User <bdi>Bill</bdi>: 70 คะแนน</li>
  <li>User <bdi>Steve</bdi>: 80 คะแนน</li>
  <li>User <bdi>إيان</bdi>: 90 คะแนน</li>
</ul>

ทดสอบด้วยตัวเอง

ขอบเขตทั่วไป

<bdi> ตามตาราง ขอบเขตทั่วไปใน HTML

กิจกรรมทางอินเทอร์เน็ต

<bdi> ตามตาราง กิจกรรมทางอินเทอร์เน็ตใน HTML

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางนี้ระบุว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 ไม่สนับสนุน 15.0