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

Adblock Detected

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