HTML5 การใช้งาน Symbol Entities

ใน HTML5 เราสามารถใช้ Symbol Entities หรืออักขระพิเศษ (Entities) เพื่อแสดงอักขระที่ไม่สามารถพิมพ์ได้โดยตรง เช่น เครื่องหมายพิเศษ สัญลักษณ์ทางคณิตศาสตร์ หรืออักขระที่มีความหมายพิเศษในภาษา HTML (เช่น <, >, และ &) การใช้อักขระพิเศษเหล่านี้ทำได้โดยการใช้อักขระแทนค่าที่มีรูปแบบดังนี้

• &entity_name; (ใช้ชื่อของอักขระแทน)
• &#entity_number; (ใช้เลขอ้างอิง Unicode ของอักขระ)

ประเภทของ Symbol Entities และตัวอย่างการใช้งาน

อักขระพิเศษใน HTML (Reserved Characters) อักขระบางตัวใน HTML มีความหมายพิเศษและไม่สามารถใช้งานได้ตรงๆ เช่น <, >, และ & เราจึงต้องใช้อักขระแทนค่าเหล่านี้

• < แทนด้วย < หรือ <
• > แทนด้วย > หรือ >
• & แทนด้วย & หรือ &

ตัวอย่าง

<p>This is an example of <strong>HTML Entities</strong>.</p>

สัญลักษณ์เครื่องหมายทางคณิตศาสตร์ (Mathematical Symbols) HTML5 รองรับสัญลักษณ์ทางคณิตศาสตร์ที่มีประโยชน์ในการแสดงสูตรคณิตศาสตร์

• + แทนด้วย +
• × แทนด้วย × หรือ ×
• ÷ แทนด้วย ÷ หรือ ÷

ตัวอย่าง

<p>Math symbols: 5 × 10 = 50</p>

สัญลักษณ์สกุลเงิน (Currency Symbols) ใช้สำหรับแสดงสัญลักษณ์สกุลเงินต่างๆ

• $ แทนด้วย $
• € แทนด้วย € หรือ €
• ¥ แทนด้วย ¥ หรือ ¥

ตัวอย่าง

<p>Price: ¥1000 or €15</p>

สัญลักษณ์ตัวอักษรพิเศษ (Special Characters) ตัวอักษรพิเศษที่ใช้บ่อย เช่น เครื่องหมายลิขสิทธิ์และเครื่องหมายการค้า

• © แทนด้วย © หรือ ©
• ® แทนด้วย ® หรือ ®
• ™ แทนด้วย ™ หรือ ™

ตัวอย่าง

<p>© 2024 Your Company. All Rights Reserved.</p>

สัญลักษณ์ลูกศร (Arrow Symbols) สัญลักษณ์ลูกศรใช้สำหรับการนำทางหรืออธิบายทิศทางในเว็บไซต์

• ← แทนด้วย ← หรือ ←
• → แทนด้วย → หรือ →
• ↑ แทนด้วย ↑ หรือ ↑
• ↓ แทนด้วย ↓ หรือ ↓

ตัวอย่าง

<p>Next Page →</p>

อักขระจากภาษาอื่นๆ (Foreign Characters) HTML5 รองรับอักขระจากภาษาต่างๆ ทั่วโลก เช่น สัญลักษณ์จากภาษากรีก ภาษาฝรั่งเศส เป็นต้น

• é แทนด้วย é หรือ é
• ü แทนด้วย ü หรือ ü
• Ω แทนด้วย Ω หรือ Ω

ตัวอย่าง

<p>The Greek letter Omega: Ω</p>

สรุป

Symbol Entities ช่วยให้สามารถใช้อักขระพิเศษหรือสัญลักษณ์ต่าง ๆ ได้อย่างถูกต้องและไม่ทำให้โค้ด HTML เกิดข้อผิดพลาด เหมาะสำหรับการแสดงผลข้อความที่มีความซับซ้อน