แอตทริบิวท์ cite ของ <q> ใน HTML

แอตทริบิวท์ cite ของ <q> ใน HTML

แอตทริบิวท์ cite ขององค์ประกอบ <q> ใช้สำหรับตั้งค่า URL แหล่งที่มาของคำพูด แหล่งที่มาจะไม่แสดงบนหน้าเว็บ แต่เป็นประโยชน์สำหรับ screen readers

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>เราต้องการอะไร?</h2>
  <p>PETA ระบุว่า, <q cite="https://legacy.peta.org/why-give/">เรคือองค์กรสิทธิสัตว์ใหญ่ที่สุดในโลก มีสมาชิกและผู้สนับสนุนมากกว่า 6.5 ล้านคนทั่วโลก เราต้องการการสนับสนุนต่อไปเพื่อหยุดความโหดร้ายต่อสัตว์ทุกที่ที่เกิดขึ้น</q> </p>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่าคำพูดโดยใช้แท็ก <q>:

<p>PETA ระบุว่า, <q cite="https://legacy.peta.org/why-give/">เรคือองค์กรสิทธิสัตว์ใหญ่ที่สุดในโลก มีสมาชิกและผู้สนับสนุนมากกว่า 6.5 ล้านคนทั่วโลก เราต้องการการสนับสนุนต่อไปเพื่อหยุดความโหดร้ายต่อสัตว์ทุกที่ที่เกิดขึ้น </q> 

เนื่องจากคำพูดมาจากเว็บไซต์อย่างเป็นทางการ จึงจำเป็นต้องให้เครดิตโดยการอ้างอิงหรือใช้แอตทริบิวท์ cite:

cite="https://legacy.peta.org/why-give/"