Thẻ <q> HTML

Định nghĩa và cách sử dụng

<q> Thẻ này định nghĩa trích dẫn ngắn.

Trình duyệt thường sẽ chèn dấu ngoặc kép xung quanh trích dẫn.

Lưu ý:Đối với trích dẫn dài, hãy sử dụng Thẻ <blockquote>.

Xin xem thêm:

Hướng dẫn tham khảo HTML DOM:Đối tượng Quote

Mô hình

Ví dụ 1

Đánh dấu trích dẫn ngắn:

<p>Mục tiêu của Quỹ Thế giới tự nhiên là:
<q>Phát triển tương lai hòa hợp giữa con người và tự nhiên.</q>
Chúng tôi hy vọng họ sẽ thành công.</p>

Thử ngay

Ví dụ 2

Sử dụng CSS để đặt樣式 cho yếu tố <q>:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>Mục tiêu của Quỹ Thế giới tự nhiên là:
<q>Phát triển tương lai hòa hợp giữa con người và tự nhiên.</q>
Chúng tôi hy vọng họ sẽ thành công.</p>
</body>
</html>

Thử ngay

Thuộc tính

Thuộc tính Giá trị Mô tả
cite URL Định nghĩa URL nguồn của trích dẫn.

Thuộc tính toàn cục

<q> Nhãn này cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<q> Nhãn này cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị giá trị mặc định sau đây <q> Thành phần:

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

Thử ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ