แท็ก HTML <cite>: ระบุชื่อผลงาน/สร้างผลงาน

แท็ก <cite> ใน HTML คืออะไร?

แท็ก <cite> ใช้สำหรับ ระบุชื่อผลงาน (Title of a Work) เช่น ชื่อหนังสือ ชื่อภาพยนตร์ ชื่อเพลง ชื่อภาพวาด ชื่อรายงาน เป็นต้น บราวเซอร์มักแสดงเป็นตัวเอียง (Italic) โดยค่าเริ่มต้น

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

<!DOCTYPE html>
<html>
<body>
  <h1>หนังสือแนะนำ</h1>
  <h2>Java</h2>
  <p>อ่านหนังสือเหล่านี้เพื่อเรียน Core Java:</p>
  <p><cite>Core Java: An Integrated Approach</cite> โดย R. Nageswara Rao.</p>
  <p><cite>Java - The Complete Reference</cite> โดย Herbert Schildt.</p>
  
  <h2>AngularJS</h2>
  <p>อ่านหนังสือเหล่านี้เพื่อเรียน AngularJS:</p>
  <p><cite>Pro AngularJS</cite> โดย Adam Freeman</p>
  <p><cite>Learning AngularJS: A Guide to AngularJS Development</cite> โดย Ken Williamson</p>
</body>
</html>

ผลลัพธ์

ชื่อหนังสือจะแสดงเป็นตัวเอียง (Italic) แยกจากข้อความทั่วไป

ความแตกต่างระหว่าง <cite>, <blockquote>, <q>

จุดสำคัญ

• <cite> ใช้สำหรับ **ชื่อผลงาน** ไม่ใช่ชื่อผู้เขียน (ผู้เขียนใช้ข้อความทั่วไปหรือ microdata)
• ใน HTML5 <cite> สามารถใช้สำหรับชื่อผู้เขียนได้ในบางบริบท แต่แนะนำให้ใช้สำหรับชื่อผลงานหลัก
• มักใช้ร่วมกับ <blockquote> ใน <footer> เพื่ออ้างอิงแหล่งที่มา