HTML Quotation คือ การใช้ HTML Element ในการอ้างอิงข้อมูล
<blockquote> อ้างอิงแบบกล่องข้อความ
<blockquote> ใช้สำหรับการอ้างอิงแบบกล่องข้อความ โดยเบราว์เซอร์จะขึ้นบรรทัดใหม่แล้วย่อหน้าให้สำหรับการอ้างอิง
<p>เกี่ยวกับเรา</p>
<blockquote cite="https://www.hostatom.com/about-us/">
hostatom.com ภายใต้การดำเนินการของ Network Technical System Co., Ltd.
เราให้บริการ Hosting แบบครบวงจร เราเป็นบริษัทจดทะเบียน ที่คลุกคลีกับงาน Server และ Network Infrastructure มานานกว่า 10 ปี
กับความมุ่งมั่นที่อยากจะให้ประเทศไทยมีบริการ Web Hosting ที่ดี และดีกว่า เมื่อเทียบกับผู้ให้บริการ Web Hosting ในต่างประเทศ
ด้วยแนวคิดนี้เราจึงได้พยายามถึงที่สุดเพื่อจะคัดสรรบริการที่มีคุณภาพให้แก่ลูกค้าของเรา
</blockquote>
<q> อ้างอิงแบบสั้น
<q> ใช้สำหรับการอ้างอิงแบบสั้น โดยเหมาะกับข้อความสั้น ๆ หรือโควท (การอ้างอิงจากคำพูดของผู้อื่น) ซึ่งเบราว์เซอร์จะแสดงสัญลักษณ์เครื่องหมายคำพูด (“ ”) ครอบข้อความที่อ้างอิงโดยอัตโนมัติ
<p>เป้าหมายของเรา: <q>ผู้นำการให้บริการด้านโฮสติ้ง</q></p>
<abbr> สำหรับการย่อคำ
<abbr> ใช้กำหนดตัวย่อ เช่น “HTML”, “CSS”, “Mr”, “Dr”, “ASAP”, “ATM” การทำเครื่องหมายตัวย่อสามารถให้ข้อมูลที่เป็นประโยชน์แก่เบราว์เซอร์ ระบบการแปล และเครื่องมือค้นหา
<p><abbr title="องค์กรอนามัยโลก">WHO</abbr> ก่อตั้งขึ้นในปี 2491</p>
<p>การทำเครื่องหมายตัวย่อสามารถให้ข้อมูลที่เป็นประโยชน์แก่เบราว์เซอร์ ระบบการแปล และเครื่องมือค้นหา</p>
<address> สำหรับข้อมูลการติดต่อ
<address> ใช้กำหนดข้อมูลการติดต่อสำหรับผู้เขียนหรือเจ้าของเอกสาร/บทความ
ข้อมูลการติดต่ออาจเป็นที่อยู่อีเมล, URL, ที่อยู่จริง, หมายเลขโทรศัพท์, หรือบัญชีโซเชียลมีเดีย เป็นต้น
ข้อความภายใน <address> มักจะแสดงเป็น ตัวเอียง (italic) โดยอัตโนมัติ และเบราว์เซอร์จะเพิ่มการขึ้นบรรทัดใหม่ (line break) ก่อนและหลังองค์ประกอบ <address> เสมอ
<address>
ที่อยู่ คุณกร<br>
12/12 ซอย...<br>
email : korn.work@doodee.com<br>
Tel.0865265565<br>
</address>
<cite> สำหรับชื่อเรื่องของงาน
<cite> ใช้ระบุชื่อผลงานสร้างสรรค์ เช่น หนังสือ เพลง หรือภาพยนตร์ ไม่ใช้กับชื่อบุคคล ข้อความภายในมักแสดงเป็นตัวเอียง
<p>องค์ประกอบอ้างอิง HTML กำหนดชื่อเรื่องของงาน</p>
<p>เบราว์เซอร์มักแสดง Tag ชื่อที่อ้างอิงเป็นตัวเอียง </p>
<img src="images/img_the_scream.jpg" width="220" height="277" alt="The Scream">
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
<bdo> สำหรับการแทนที่แบบสองทิศทาง
<bdo> ย่อมาจาก Bi-Directional Override ใช้เพื่อแทนที่ทิศทางของข้อความปัจจุบันใน HTML
<bdo dir="rtl">บรรทัดนี้เขียนจากขวาไปซ้าย</bdo>
สรุป
| Tag | คำอธิบาย |
|---|---|
<abbr> | กำหนดตัวย่อ เช่น “HTML”, “CSS”, “Mr”, “Dr”, “ASAP”, “ATM” |
<address> | กำหนดข้อมูลการติดต่อสำหรับผู้เขียน/เจ้าของเอกสารหรือบทความ |
<bdo> | กำหนดทิศทางของข้อความ |
<blockquote> | กำหนดการอ้างอิงแบบกล่องข้อความ |
<cite> | กำหนดชื่อเรื่องของงานสร้างสรรค์ |
<q> | กำหนดการอ้างอิงแบบสั้น |