HTML <q>แท็ก
ตัวอย่าง
ทำเครื่องหมายใบเสนอราคาสั้น ๆ :
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แท็ ก<q>กำหนดใบเสนอราคาสั้น
เบราว์เซอร์มักจะใส่เครื่องหมายคำพูดรอบใบเสนอราคา
เคล็ดลับ:ใช้<blockquote>สำหรับใบเสนอราคาแบบยาว
รองรับเบราว์เซอร์
| Element | |||||
|---|---|---|---|---|---|
| <q> | Yes | Yes | Yes | Yes | Yes |
คุณลักษณะ
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source URL of the quote |
คุณสมบัติสากล
แท็ ก<q>ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<q>ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ใช้ CSS เพื่อจัดรูปแบบ <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>
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: Quote Object
การตั้งค่า CSS เริ่มต้น
เบราว์เซอร์ส่วนใหญ่จะแสดง<q>องค์ประกอบด้วยค่าเริ่มต้นดังต่อไปนี้:
ตัวอย่าง
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}