Thẻ BDO là gì? Ví dụ tag BDO trong html 5

Thẻ BDO là gì?

Thẻ BDO là một thẻ html trong html5 và được viết tắt từ Bi-Directional Override. Tag BDO thường được dùng để ghi đè hướng văn bản hiện tại (Mặc định với quyền ưu tiên cao hơn). Để hiểu hơn về <bdo> hãy xem những ví dụ ở dưới.

Cấu trúc thẻ bdo trong html

<bdo dir=’thuộc tính”></bdo>

*thuộc tính dir các bạn xem ở dưới.

Thẻ bdo trong html

Ví dụ về tag bdo trong html

Thông thường thẻ bdo được sử dụng trong web đa ngôn ngữ. Những ngôn ngữ được viết từ phải qua trái như: Trung quốc, nhật bản…Khi đó chúng ta cần chuyển hướng văn bản từ phải qua. Ta cùng xem ví dụ 1

Kết quả:

Chúng ta cùng xem ví dụ 2 về thẻ bdo. Lần này ta vẫn đè hướng văn bản từ phải qua trái.

Kết quả chúng ta sẽ nhận được là:

Đoạn text đặt trong <BDO> đã được đảo ngược các kí tự  từ phải sang trái. Có thẻ nói kết quả như soi chữ qua 1 tấm gương vậy. Thật thú vị đúng không nào?

Thuộc tính đi cùng thẻ BDO:

1. “dir=rtl” : kí tự sẽ đảo ngược từ hướng phải sang trái.
2. “dir=ltr” : đảo ngược kí tự từ hướng trái sang phải.

Tài liệu được mình sử dụng tại w3shools.

Những trình duyệt hỗ trợ  BDO:

Hiện tất cả các trình duyệt đều hỗ trợ cho tag BDO. Và đây là một lợi thế giúp chúng ta có thể chạy ổn định trên các trình duyệt.

Sự kiện BDO trong HTML

Thẻ BDO có thể sử dụng được tất cả các sự kiện trong html. Các bạn có thể sử dụng để gọi các sự kiện java để website chạy mượt hơn nhé.

Kết luận:

Tag BDO là một thẻ html 5 mới được công bố gần đây. Nó khá tiện dụng giúp chúng ta có thể dùng để ghi đè hướng văn bản hiện tại. Đặc biệt sử dụng trong các văn bản hiện thị ngôn ngữ của nhiều quốc gia. Nó ít được sử dụng vì đa số những website đa ngôn ngữ khá hiếm. Và nếu có thì người đã sử dụng java để xử lý vấn đề này.

Ở đây các bạn có thể xem là thực hành nếu có cơ hội sử dụng. Mọi thắc mắc vui lòng để lại bình luận ở dưới. Cám ơn các bạn đã theo dõi loạt hướng dẫn html căn bản của mình.