Just User

Tag acronym และ abbr ขยายความในเว็บแบบมีมาตรฐาน

บางครั้ง เราจะมีการใช้คำย่อต่างๆ เช่น HTML, ASP ต่างๆและผู้อ่านบางท่านมักจะไม่ค่อยรู้ว่าตำพวกนี้มันย่อมาจากอะไร HTML เลยมีมาตรฐานขึ้นมาโดยการระบุ Tag <acronym> และ <abbr>ขึ้นมา เพื่อทำการขยายความตัวย่อต่างๆนั้น

Web Standard

 

<acronym> มาจากคำว่า acronym แปลว่า ชื่อย่อที่ผสมมาจากตัวอักษรขึ้นต้นของแต่ละคำ
วิธีใช้งานก็ง่ายแสนง่าย
-ระบุ Tag <acronym> ถ้าคำๆนั้นเป็นคำที่เป็นชื่อเฉพาะ
-ระบุ title=”คำที่จะบรรยาย” โดย -คำที่จะบรรยาย- นั้นคือส่วนที่เราต้องการขยายความออกมานั่นเอง
-กำหนดคำที่เป็นคำย่อ หรือคำเฉพาะที่เราต้องการเขียน
-ปิด tag ให้สมบูรณ์ คือ </acronym>

หรือทำตามรูปแบบด้านล่าง

 

<acronym title=”ย่อมาจาก nomadic people แปลว่า คนจร,ร่อนเร่”>nomad</acronym>

Tag ต่อมาก็คือ <abbr> มีวิธีใช้ก็ง่ายๆเช่นกัน
<abbr> มาจากคำว่า abbreviation แปลว่า คำย่อ การย่อ
-ระบุ Tag <abbr> ถ้าคำๆนั้นเป็นคำที่เป็นชื่อเฉพาะ
-ระบุ title=”คำที่จะบรรยาย” โดย -คำที่จะบรรยาย- นั้นคือส่วนที่เราต้องการขยายความออกมานั่นเอง
-กำหนดคำที่เป็นคำย่อ หรือคำเฉพาะที่เราต้องการเขียน
-ปิด tag ให้สมบูรณ์ คือ </abbr>

<abbr title=”Active Server Page”>ASP</abbr>

การแสดงผลออกมาในลักษณะ tool tip ซึ่งโดยปรกติคำนั้นจะมีการขีดเส้นใต้ที่เป็นเส้นประด้วย (จากรูปแสดงผลผ่าน IE6 จึงไม่มี)

 

ตัวอย่าง

เว็บไซต์ daydev จะแสดงผลได้ดีที่สุดบน Browser มาตราฐาน ที่ไม่ใช่ IE6 !

ในBrowser อย่าง firefox หรืออีกหลายๆ browser จะรองรับการแสดงผลทั้ง abbr และ acronym ได้เป็นอย่างดี โดยมีการ hilight ด้วยการขีดเสนใต้เอาไว้เป็นแบบจุดๆ
ทำให้เราสามารถเอาเม้าส์ไปวางเพื่อ แสดงออกมาในแบบ tool tip ได้แต่ สำหรับเจ้า Internet Explorer 6 และแม้กระทั่ง Internet Explorer 7 นั้น ยังไม่เปลี่ยนรูปแบบ
การแสดงผลของ acronym และ abbr เพื่อให้เรารู้ว่าคำนั้นมีการอธิบายเอาไว้ แต่ว่าจะแสดง tootip เฉพาะ acronym เท่านั้น

นี่คืออีก หนึ่งมาตราฐานของเว็บปัจจุบันที่พึงมีครับ…

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

Leave a Reply

Back to top button
Game & Mobile Development AR VR XR
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน