วิธีใช้แท็ก q สำหรับเครื่องหมายคำพูดสั้นใน HTML

แท็ก <q> ใช้สำหรับการยกข้อความสั้น (short inline quotation) ภายในบรรทัด Browser จะเพิ่มเครื่องหมายคำพูด (quotation marks) รอบข้อความโดยอัตโนมัติ

คุณสมบัติ

• ใช้สำหรับข้อความสั้นที่อยู่ในบรรทัดเดียว (inline)
• มี attribute cite ระบุ URL แหล่งที่มา (optional)
• ถ้าข้อความยาวหลายบรรทัด ควรใช้ <blockquote> แทน

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <title>HTML q tag</title>
</head>
<body>
  <h1>Drupal</h1>
  <p>Drupal Community says,</p>
  <q cite="https://www.drupal.org">Drupal is built on principles like collaboration, globalism, and innovation.</q>
</body>
</html>

ผลลัพธ์

Drupal Community says,

หมายเหตุ

รูปแบบเครื่องหมายคำพูดอาจแตกต่างกันไปตามภาษาและ browser (เช่น "..." หรือ 「...」) สามารถควบคุมได้ด้วย CSS property quotes