HTML แบบตัวอักษร <q>

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

การระบุและการใช้งาน

<q> แทรกตามตาราง

เครื่องนอนมักจะใส่วรรณยุทธ์รอบการอ้างอิง

คำเตือน:สำหรับการอ้างอิงยาว ใช้ <blockquote> แทรก。

ดูเพิ่มเติมที่:

คู่มืออ้างอิง HTML DOM:Object ความหมาย

ตัวอย่าง

ตัวอย่าง 1

แทนที่ด้วยตามตาราง

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

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

ตัวอย่าง 2

ใช้ CSS ตั้งรูปแบบสไตล์สำหรับสิ่งที่ใช้ <q> รวมถึง

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>เป้าหมายของ World Wildlife Fund คือ：</p>
<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>