Cách đặt kiểu dấu ngoặc đơn cho trích dẫn lồng nhau bằng JavaScript

Thuộc tính quotes xác định kiểu dấu ngoặc đơn (dấu nháy) được dùng cho phần tử <q> (trích dẫn ngắn). Bạn có thể tùy chỉnh dấu mở/đóng cho từng cấp độ lồng nhau.

Ví dụ minh họa

Mã sau thay đổi dấu nháy của <q> thành dấu ‹ › (guillemets đơn) khi nhấn nút:

<!DOCTYPE html>
<html>
<body>
  <q id="myID">Amit</q><br>
  <button onclick="updateQuotes()">Cập nhật dấu nháy</button>
  <script>
    function updateQuotes() {
      // \2039 = ‹ (single left-pointing angle quotation mark)
      // \203A = › (single right-pointing angle quotation mark)
      document.getElementById("myID").style.quotes = "'\\2039' '\\203A'";
      /* Cú pháp: quotes = "mở cấp1" "đóng cấp1" "mở cấp2" "đóng cấp2" ... */
    }
  </script>
</body>
</html>

Cú pháp quotes

quotes = "open1 close1 open2 close2 open3 close3 ..."

• Mỗi cặp open close tương ứng với một cấp độ lồng nhau.
• Nếu lồng sâu hơn số cặp định nghĩa, trình duyệt lặp lại cặp cuối.
• Giá trị mặc định của trình duyệt thường là "\201C" "\201D" "\2018" "\2019" (dấu “ ” cho cấp 1, ‘ ’ cho cấp 2).

Các ký tự Unicode thường dùng

Lưu ý: Thuộc tính quotes chỉ tác động trên phần tử <q>. Để trình duyệt tự động chèn dấu nháy, không nên tự gõ dấu nháy bên trong thẻ <q>.