html entity คือ อักขระพิเศษที่ใช้ในการเขียนเว็บด้วย html สำหรับแทนที่เครื่องหมาย หากคุณใช้เครื่องหมายน้อยกว่า (<) หรือมากกว่า (>) ในข้อความของคุณ เบราว์เซอร์อาจผสมเครื่องหมายเหล่านี้กับแท็ก จึงจำเป็นต้องมีอักขระพิเศษในการแสดงเครื่องหมายแทน
อักขระพิเศษ(entity)มีลักษณะดังนี้:
&entity_name;
OR
&#entity_number;
ในการแสดงเครื่องหมายน้อยกว่า (<) เราสามารถเขียน: < หรือ <
ข้อดีของการใช้ entity name: ชื่อentityจำง่าย
ข้อเสียของการใช้ entity name: :เบราว์เซอร์อาจไม่รองรับ entity nameทั้งหมด แต่จะรองรับ entity number
การทำให้เนื้อหามีช่องว่างแบบไม่ตัดคำ (Non-breaking Space)
เอนทิตีที่ใช้สำหรับการทำให้เนื้อหาไม่แยกออกจากกันกันทั่วไปใน HTML คือ
Non-breaking Space คือ ช่องว่างที่จะไม่ขึ้นบรรทัดใหม่
คำสองคำที่คั่นด้วยช่องว่างที่ไม่แบ่งจะติดกัน (ไม่แตกเป็นบรรทัดใหม่) สิ่งนี้มีประโยชน์เมื่อเกิดปัญหาการตัดคำขึ้นบรรทัดใหม่ซึ่งอาจส่งผลทำให้เนื้อหาอ่านแล้วไม่เข้าใจ
ตัวอย่าง :
- § 10
- 10 km/h
- 10 PM
การใช้ช่องว่างทั่วไปอีกประการหนึ่งคือการป้องกันไม่ให้เบราว์เซอร์ตัดช่องว่างในหน้า HTML
หากคุณเขียนโค้ดช่องว่าง 10 ช่องในข้อความ เบราว์เซอร์จะลบ 9 ช่องออก หากต้องการเพิ่มช่องว่างจริงในข้อความของคุณอักขระพิเศษ(character entity)
tips:ยัติภังค์(เครื่องหมายขีด)ที่ทำให้เนื้อหาไม่แยกออกจากกัน ( ‑ ) ใช้เพื่อกำหนดยัติภังค์ (-) ที่ไม่ขึ้นบรรทัดใหม่
อักขระพิเศษที่ใช้บ่อย
ผลลัพธ์ | คำอธิบาย | Entity Name | Entity Number |
---|---|---|---|
การทำให้เนื้อหามีช่องว่างแบบไม่ตัดคำ (Non-breaking Space) | |   | |
< | น้อยกว่า | < | < |
> | มากกว่า | > | > |
& | ampersand | & | & |
“ | อัญประกาศ (double quotation mark) | " | " |
‘ | อัญประกาศเดี่ยว (apostrophe) | ' | ' |
¢ | ค่าเงินเซ็น | ¢ | ¢ |
£ | ค่าเงินปอนด์ | £ | £ |
¥ | ค่าเงินเยน | ¥ | ¥ |
€ | ค่าเงินยูโร | € | € |
© | copyright | © | © |
® | registered trademark | ® | ® |
หมายเหตุ:ชื่อเอนทิตีคำนึงถึงตัวพิมพ์เล็กและใหญ่
เครื่องหมายการออกเสียง
เครื่องหมายกำกับเสียงสามารถปรากฏได้ทั้งด้านบนและด้านล่างของตัวอักษร ภายในตัวอักษร และระหว่างตัวอักษรสองตัว
ตัวอย่างบางส่วน:
Mark | Character | Construct | Result |
---|---|---|---|
̀ | a | à | à |
́ | a | á | á |
̂ | a | â | â |
̃ | a | ã | ã |
̀ | O | Ò | Ò |
́ | O | Ó | Ó |
̂ | O | Ô | Ô |
̃ | O | Õ | Õ |
คุณจะเห็นสัญลักษณ์ HTML เพิ่มเติมในบทเรียนถัดไป