Thẻ <ruby> trong HTML5

Thẻ <ruby> trong HTML5

• Tag <ruby> định nghĩa một chú thích ruby (đối với kiểu chữ Đông Á).
• Chú thích: ruby được sử dụng trong khu vực Đông Á, hiển thị cách phát âm của các ký tự Đông Á.

• Tag <ruby> được dùng kèm với <rt> và <rp>, trong đó:

  • <rt>: định nghĩa một lời giải thích hoặc cách phát âm của các kiểu chữ Đông Á.
  • <rp> hiển thị những nội dung bên trong khi trình duyệt không hỗ trợ tag <ruby>.

Sự khác nhau giữa HTML4.01 và HTML5

Cấu trúc

<ruby>
text chú thích ruby<rp>(</rp><rt>text phát âm hoặc giải thích</rt><rp>)</rp>
</ruby>

Ví dụ

<ruby>
字 <rp>(</rp><rt>じ</rt><rp>)</rp>
</ruby>

Trình duyệt hỗ trợ

Yêu cầu phiên bản trình duyệt với mức tối thiểu được hỗ trợ cho thẻ <ruby>:

Trình duyệt dành cho PC:

Tag <ruby> vẫn chưa được hỗ trợ trong Firefox14, Internet Explorer 10 và Opera12.

Thiết bị hỗ trợ

Yêu cầu phiên bản hệ điều hành và trình duyệt với mức tối thiểu được hỗ trợ cho thẻ <ruby>:

ĐIỆN THOẠI (SMARTPHONE)

Hệ điều hành

Trình duyệt

MÁY TÍNH BẢNG (TABLETS)

Hệ điều hành

Trình duyệt

Thuộc tính

Cách sử dụng:

<ruby thuoctinh="giatri"></ruby>

Thuộc tính Tổng quát và thuộc tính sự kiện

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5