Thẻ <q> HTML
Thí dụ
Đánh dấu một trích dẫn ngắn:
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <q>xác định một trích dẫn ngắn.
Các trình duyệt thường chèn dấu ngoặc kép xung quanh dấu ngoặc kép.
Mẹo: Sử dụng <blockquote> cho các trích dẫn dài.
Hỗ trợ trình duyệt
| Element | |||||
|---|---|---|---|---|---|
| <q> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source URL of the quote |
Thuộc tính toàn cầu
Thẻ <q>cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <q>cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Sử dụng CSS để tạo kiểu cho phần tử <q>:
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>WWF's goal is to:
<q>Build a
future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
Các trang liên quan
Tham chiếu DOM HTML: Đối tượng Trích dẫn
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <q>phần tử với các giá trị mặc định sau:
Thí dụ
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}