HTML Quotation and Citation Elements
ในบทนี้เราจะพูดถึงองค์ประกอบ
<blockquote>
, <q>
, <abbr>
, <address>
, <cite>
และ<bdo>
HTML
ตัวอย่าง
Here is a quote from WWF's website:
For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.
HTML <blockquote> สำหรับใบเสนอราคา
องค์ประกอบ HTML <blockquote>
กำหนดส่วนที่อ้างอิงจากแหล่งอื่น
เบราว์เซอร์มักจะเยื้อง<blockquote>
องค์ประกอบ
ตัวอย่าง
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's
leading conservation organization,
WWF works in 100 countries and is
supported by
1.2 million members in the United States and
close to 5
million globally.
</blockquote>
HTML <q> สำหรับใบเสนอราคาแบบสั้น
แท็ก HTML <q>
กำหนดใบเสนอราคาสั้น
เบราว์เซอร์มักจะใส่เครื่องหมายคำพูดรอบใบเสนอราคา
ตัวอย่าง
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> สำหรับตัวย่อ
แท็ก HTML <abbr>
กำหนดตัวย่อหรือตัวย่อ เช่น "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM"
การทำเครื่องหมายคำย่อสามารถให้ข้อมูลที่เป็นประโยชน์แก่เบราว์เซอร์ ระบบการแปล และเครื่องมือค้นหา
เคล็ดลับ:ใช้แอตทริบิวต์ชื่อส่วนกลางเพื่อแสดงคำอธิบายสำหรับตัวย่อ/ตัวย่อเมื่อคุณวางเมาส์เหนือองค์ประกอบ
ตัวอย่าง
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <ที่อยู่> สำหรับข้อมูลการติดต่อ
แท็ก HTML <address>
กำหนดข้อมูลติดต่อสำหรับผู้เขียน/เจ้าของเอกสารหรือบทความ
ข้อมูลติดต่ออาจเป็นที่อยู่อีเมล, URL, ที่อยู่จริง, หมายเลขโทรศัพท์, ที่จับโซเชียลมีเดีย ฯลฯ
ข้อความใน<address>
องค์ประกอบมักจะแสดงเป็นตัวเอียง
และเบราว์เซอร์จะเพิ่มตัวแบ่งบรรทัดก่อนและหลัง<address>
องค์ประกอบเสมอ
ตัวอย่าง
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <cite> สำหรับชื่องาน
แท็ก HTML <cite>
กำหนดชื่องานสร้างสรรค์ (เช่น หนังสือ บทกวี เพลง ภาพยนตร์ ภาพวาด ประติมากรรม ฯลฯ)
หมายเหตุ:ชื่อบุคคลไม่ใช่ชื่องาน
ข้อความใน<cite>
องค์ประกอบมักจะแสดงเป็นตัวเอียง
ตัวอย่าง
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> สำหรับการแทนที่แบบสองทิศทาง
BDO ย่อมาจาก Bi-Directional Override
แท็ก HTML <bdo>
ใช้เพื่อแทนที่ทิศทางข้อความปัจจุบัน:
ตัวอย่าง
<bdo dir="rtl">This text will be written from right to left</bdo>
แบบฝึกหัด HTML
ใบเสนอราคา HTML และองค์ประกอบการอ้างอิง
Tag | Description |
---|---|
<abbr> | Defines an abbreviation or acronym |
<address> | Defines contact information for the author/owner of a document |
<bdo> | Defines the text direction |
<blockquote> | Defines a section that is quoted from another source |
<cite> | Defines the title of a work |
<q> | Defines a short inline quotation |
สำหรับรายการแท็ก HTML ทั้งหมดที่มีอยู่ โปรดไปที่การอ้างอิงแท็ก HTMLของ เรา