HTML <q> 标籤

  • หน้าก่อนหน้า <progress>
  • หน้าต่อไป <rp>

定义和用法

<q> 标签定义短的引用。

浏览器通常会在引用周围插入引号。

提示：对于长的引用，请使用 <blockquote> 标签。

另请参阅：

HTML DOM 参考手册：Quote 对象

实例

例子 1

标记简短的引用：

<p>มุ่งหมายของ World Wildlife Fund คือ：
<q>สร้างอนาคตที่มีความสงบร่วมกับธรรมชาติ。</q>
เราหวังว่าพวกเขาจะประสบความสำเร็จ。</p>

ทดลองด้วยตัวเอง

例子 2

使用 CSS 设置 <q> 元素的样式：

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>มุ่งหมายของ World Wildlife Fund คือ：
<q>สร้างอนาคตที่มีความสงบร่วมกับธรรมชาติ。</q>
เราหวังว่าพวกเขาจะประสบความสำเร็จ。</p>
</body>
</html>

ทดลองด้วยตัวเอง

คุณสมบัติ

คุณสมบัติ ค่า คำอธิบาย
cite URL กำหนด URL แหล่งข้อมูลของการอ้างอิง

คุณสมบัติโลก

<q> ตามตารางนี้ยังสนับสนุน คุณสมบัติโลกใน HTML。

คุณสมบัติเหตุการณ์

<q> ตามตารางนี้ยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML。

การตั้งค่า CSS ปกติ

ส่วนใหญ่ของเบราเซอร์จะแสดงค่าเริ่มต้นดังนี้ <q> องค์ประกอบ：

q {
  display: inline;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

ทดลองด้วยตัวเอง

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <progress>
  • หน้าต่อไป <rp>