แท็ก <blockquote> ใน HTML คืออะไร?
แท็ก <blockquote> ใช้สำห อ้างอิงข้อความยาว (Long Quotation) จากแหล่งอื่น บราวเซอร์จะแสดงข้อความภายในด้วยการเยื้อง (Indent) ทั้งสองข้าง เพื่อแยกจากข้อความของตัวเอง สำหรับข้อความสั้น ใช้ <q> แทน
แอตทริบิวต์หลัก
- cite: URL ของแหล่งที่มาของข้อความอ้างอิง
ตัวอย่างการใช้งาน
<!DOCTYPE html>
<html>
<body>
<h2>osCommerce</h2>
<p>ตามเว็บไซต์อย่างเป็นทางการของ osCommerce:</p>
<blockquote cite="https://www.oscommerce.com/Us">
เราดำเนินมาสำเร็จแล้วกว่า 19 ปี และไม่ได้เพียงสร้างเจ้าของร้านออนไลน์
หลายแสนรายทั่วโลก แต่ยังช่วยให้บริษัทอื่นๆ เริ่มต้นธุรกิจได้อีกด้วย...
</blockquote>
</body>
</html>
ผลลัพธ์
ข้อความใน blockquote จะแสดงเยื้องเข้าไป ทั้งขวาและซ้าย พร้อมบ่งชี้ว่าเป็นข้อความอ้างอิง
คำแนะนำ
- ควรใส่แอตทริบิวต์
citeเสมอเพื่ออ้างอิงแหล่งที่มา - ภายใน <blockquote> สามารถใส่แท็กอื่นได้ เช่น <p>, <ul>, <ol>
- สำหรับข้อความสั้นภายในประโยค ใช้
<q>แทน - จัดรูปแบบเพิ่มเติมได้ด้วย CSS เช่น border-left, background-color
