Thẻ <q>
xác định một trích dẫn ngắn. Ví dụ sau đánh dấu một trích dẫn ngắn:
<p>Mục tiêu của WWF là:
<q>ây dựng một tương lai nơi con người sống hòa hợp với thiên nhiên.</q>
Chúng tôi hy vọng họ thành công.</p>
Các trình duyệt thường chèn dấu ngoặc kép xung quanh câu trích dẫn.
Mẹo: Sử dụng <blockquote> cho những trích dẫn dài.
Phần tử <q> |
Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính | Giá trị | Mô tả |
---|---|---|
cite | URL | Chỉ định URL nguồn của trích dẫn |
Thẻ <q>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thẻ <q>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Ví dụ sau 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>Mục tiêu của WWF là:
<q>ây dựng một tương lai nơi con người sống hòa hợp với thiên nhiên.</q>
Chúng tôi hy vọng họ thành công.</p>
</body>
</html>
Hầu hết các trình duyệt sẽ hiển thị phần tử <q>
với các giá trị mặc định sau:
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
Ý kiến bạn đọc
Những tin mới hơn
Những tin cũ hơn