HTML5 การทำข้อความอ้างอิง

การทำข้อความอ้างอิงแบบสั้น เราสามารถทำได้โดยการใช้แท็ก <q> ซึ่งเบราเซอร์จะแทรกเครื่องหมายดับเบิ้ลโควตครอบข้อความที่อยู่ภายในแท็ก <q> ดังนี้

<p>This is text in quote <q>Quote Quote Quote Quote Quote </q></p>

ทำข้อความอ้างอิงด้วยแท็ก <blockquote>

การทำข้อความอ้างอิงด้วยแท็ก <blockquote> เป็นการอ้างอิงข้อความที่มาจากแหล่งอื่น เบราเซอร์จะจัดย่อหน้าข้อความที่อยู่ภายในแท็ก <blockquote> เข้าไปด้านในเล็กน้อย ดังตัวอย่าง

<p>HTML Formatting การจัดรูปแบบตัวอักษร</p>
<blockquote cite="https://www.dcrub.com/html-formatting">
    HTML Formatting การจัดรูปแบบตัวอักษรในภาษา HTML สามารถทำได้โดยการใช้แท็กต่าง ๆ เช่น  ทำตัวหนา  ทำตัวเอียง เป็นต้น
</blockquote>
  • แอททริบิวต์ cite="" ใช้สำหรับระบุแห่งที่มาของข้อความที่เราอ้างอิงถึง

กำกับตัวอักษรย่อด้วยแท็ก <abbr>

การใช้แท็ก <abbr> กำกับตัวอักษรย่อ ช่วยให้เราสามารถอธิบายว่าตัวอักษรย่อนั้นย่อมากจากอะไร ซึ่งจะมีประโยชน์ต่อระบบแปลภาษา หรือระบบเสิร์ชเอ็นจิน โดยมีรูปแบบการใช้งานดังนี้

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
  • แอททริบิวต์ title="" ใช้สำหรับระบุคำเต็มของอักษรย่อ เพื่ออธิบายว่าตัวอักษรย่อนั้น ย่อมาจากอะไร

จัดรูปแบบข้อมูลการติดต่อด้วยแท็ก <address>

เราสามารถใช้แท็ก <address> จัดรูปแบบข้อมูลการติดต่อ โดยมีรูปแบบการใช้งานดังนี้

<address>
    Written by DCRUB Dot Com.<br>
    Visit us at:<br>
    www.dcrub.com<br>
    165, Jaroen Nakorn<br>
    Bangkok Thailand
</address>

จัดรูปแบบ Work Title ด้วยแท็ก <cite>

เราสามารถจัดรูปแบบ Work Title ด้วยแท็ก <cite> ซึ่งจะถูกแสดงผลเป็นตัวเอียง ดังนี้

<p><cite>DCRUB Dot Com</cite> by The Nai. Created in 2019.</p>

การกลับด้านข้อความด้วยแท็ก <bdo>

เราสามารถทำข้อความกลับด้านโดยการใช้แท็ก <bdo> (Bi-Directional Override) โดยต้องระบุค่าให้แอททริบิวต์ dir ด้วยว่า จะให้เรียงข้อความจากขวาไปซ้ายหรือซ้ายไปขวา ดังนี้

<p>Right to Left</p>
<bdo dir="rtl">This line will be written from right to left</bdo>
<p>Left to Right</p>
<bdo dir="ltr">This line will be written from right to left</bdo>
Tags

เรื่องที่น่าสนใจ