home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

แอตทริบิวต์ cite ของ <blockquote>: ระบุแหล่งที่มาของข้อความอ้างอิง

แอตทริบิวต์ cite ของ <blockquote> คืออะไร?

แอตทริบิวต์ cite ของแท็ก <blockquote> ใช้สำห ระบุ URL ของแหล่งที่มา (Source) ของข้อความที่อ้างอิง ให้เครดิตให้ผู้เขียน/แหล่งที่มาอย่างถูกต้อง

ไวยากรณ์ (Syntax)

<blockquote cite="URL">ข้อความอ้างอิง</blockquote>

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
  <h2>Magento</h2>
  <p>Magento ตามที่ระบุในเว็บไซต์อย่างเป็นทางการ:</p>
  <blockquote cite="https://magento.com/products">
    Magento Commerce ส่วนหนึ่งของ Adobe Commerce Cloud 
    นำเสนอโซลูชันอีคอมเมิร์ซที่ไม่ซ้ำใคร พร้อมพลังระดับองค์กร...
  </blockquote>
</body>
</html>

ผลลัพธ์

ข้อความใน blockquote จะแสดงเยื้องเข้าไป และมีแอตทริบิวต์ cite เก็บ URL แหล่งที่มา (ไม่แสดงบนหน้าจอโดยตรง แต่เข้าถึงได้ผ่าน DOM/SEO)

จุดสำคัญ

  • cite ควรเป็น URL ที่ถูกต้องและเข้าถึงได้
  • ไม่แสดงผลบนหน้าจอโดยอัตโนมัติ แต่เข้าถึงได้ via JavaScript: blockquote.cite
  • ช่วย SEO และ Accessibility เข้าใจบริบทของการอ้างอิง
  • สำหรับการแสดงแหล่งที่มาบนหน้าจอ ควรเพิ่ม <footer> หรือ <cite> ภายใน blockquote

ตัวอย่างแนะนำ (Semantic HTML5)

<blockquote cite="https://example.com/source">
  <p>ข้อความอ้างอิง...</p>
  <footer>— <cite><a href="https://example.com/source">ชื่อแหล่งที่มา</a></cite></footer>
</blockquote>