Thẻ HTML <q>
Đị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 |
---|---|---|---|---|---|
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;
}
243
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Máy tính ngốn bao tiền điện mỗi tháng?
Hôm qua -
Cách sử dụng VPN trên trình duyệt Opera
Hôm qua -
Những câu nói hài hước về tóc, stt về tóc hay và chất
Hôm qua -
Internet vệ tinh của Musk đến Đông Nam Á, phí thuê bao 1,1 triệu/tháng
Hôm qua -
Chiêm ngưỡng loạt ảnh vũ trụ ấn tượng từ kính viễn vọng 10 tỷ USD
Hôm qua 1 -
Cách kích hoạt bảo mật 2 lớp trên Telegram
Hôm qua -
Cách lấy lại quyền truy cập ổ cứng, sửa lỗi không mở được ổ cứng
Hôm qua -
Hướng dẫn tạo chữ ký Gmail chuyên nghiệp
Hôm qua -
Hướng dẫn kích hoạt hoặc vô hiệu hóa bộ lọc SmartScreen trên Windows
Hôm qua -
Cách làm 4 món thịt ngâm mắm tỏi chua ngọt thơm ngon ngày Tết
Hôm qua