HTML <blockquote> Tag

  • หน้าก่อน <big>
  • หน้าต่อไป <body>

คำนำออกและการใช้งาน

<blockquote> ตัวแทนเงื่อนไขที่มาจากแหล่งข้อมูลอื่น

เครื่องมือเบราเซอร์จะขยายช่องว่าง <blockquote> element (ดูตัวอย่างด้านล่างเพื่อดูวิธีการลบการขยายช่องว่าง)

รายละเอียด

<blockquote> ตัวแทน blockquote<blockquote> กับ </blockquote> ทั้งหมดของข้อความที่อยู่ระหว่าง <q> จะถูกแยกจากข้อความปกติ โดยมักจะมีการขยายช่องว่างที่ด้านซ้ายและขวา (เพิ่มเส้นทางด้านนอก) และบางครั้งจะใช้แบบอิทธิฤทธิ์

คำเตือน:ใช้ <q> ตัว เพื่อที่จะทำการอ้างอิง (อ้างอิงแบบสั้น)

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

คู่มือเอเทิร์นแนล DOM HTMLBlockquote ตัว

ตัวอย่าง

ตัวอย่าง 1

บทความที่มาจากแหล่งข้อมูลอื่น

<blockquote cite="http://www.worldwildlife.org/who/index.html">
ในระยะเวลา 50 ปีที่ผ่านมา องค์การนักสำรวจธรรมชาติโลก (WWF) ทำงานอย่างต่อเนื่องเพื่อปกป้องอนาคตธรรมชาติ
เป็นองค์กรปกป้องธรรมชาติที่นำหน้าโลก องค์การนักสำรวจธรรมชาติโลก (WWF) ทำงานใน 100 ประเทศ และได้รับการสนับสนุนจากสมาชิกในสหรัฐ 1.2 ล้านคนและประชาชนทั่วโลกเกือบ 5 ล้านคน
</blockquote>

ทดสอบเอง

ตัวอย่าง 2

ใช้ CSS ลบการขยายช่องว่างของ element blockquote

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>นี่คืออุดมการณ์ที่มีในเว็บไซต์ขององค์การนักสำรวจธรรมชาติโลก (WWF)</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
ในระยะเวลา 50 ปีที่ผ่านมา องค์การนักสำรวจธรรมชาติโลก (WWF) ทำงานอย่างต่อเนื่องเพื่อปกป้องอนาคตธรรมชาติ
เป็นองค์กรปกป้องธรรมชาติที่นำหน้าโลก องค์การนักสำรวจธรรมชาติโลก (WWF) ทำงานใน 100 ประเทศ และได้รับการสนับสนุนจากสมาชิกในสหรัฐ 1.2 ล้านคนและประชาชนทั่วโลกเกือบ 5 ล้านคน
</blockquote>
</body>
</html>

ทดสอบเอง

อุปกรณ์

อุปกรณ์ ค่า คำอธิบาย
cite URL กำหนดแหล่งข้อมูลที่อ้างอิง

อุปกรณ์โลก

<blockquote> แบบบันทึกยังสนับสนุน HTML ของอุปกรณ์โลก.

อุปกรณ์เหตุการณ์

<blockquote> แบบบันทึกยังสนับสนุน HTML ของอุปกรณ์เหตุการณ์.

การตั้งค่า CSS โดยมาก

โดยมากที่สุดแล้วบราวเซอร์จะแสดงค่าเริ่มต้นดังนี้ <blockquote> ตัวเลือก:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

ทดสอบเอง

การสนับสนุนโดยเครื่องนี้

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