Thẻ HTML <q>

Nguyen Le Oanh

Định nghĩa và cách sử dụng thẻ <q>

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.

Hỗ trợ trình duyệt

Phần tử <q>	Google Chrome	MS Edge	Firefox	Safari	Opera
Phần tử <q>	Có	Có	Có	Có	Có

Thuộc tính

Thuộc tính	Giá trị	Mô tả
cite	URL	Chỉ định URL nguồn của trích dẫn

Thuộc tính Global

Thẻ <q> cũng hỗ trợ các thuộc tính Global 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

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>

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

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;
}

Chủ Nhật, 08/10/2023 16:00

5 ★ 3 👨 249

Bạn nên đọc

Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!