HTML Entities

---

HTML Entity คือ อักขระพิเศษที่ใช้ในการเขียนเว็บด้วย HTML สำหรับแทนที่เครื่องหมาย หากคุณใช้เครื่องหมายน้อยกว่า (<) หรือมากกว่า (>) ในข้อความของคุณ เบราว์เซอร์อาจผสมเครื่องหมายเหล่านี้กับแท็ก จึงจำเป็นต้องมีอักขระพิเศษในการแสดงเครื่องหมายแทน

อักขระพิเศษ (Entity) มีลักษณะดังนี้:

&entity_name;
OR
&#entity_number;

ในการแสดงเครื่องหมายน้อยกว่า (<) เราสามารถเขียน: &lt; หรือ &#60;

ข้อดีของการใช้ Entity Name: ชื่อ Entity จำง่าย
ข้อเสียของการใช้ Entity Name: เบราว์เซอร์อาจไม่รองรับ Entity Name ทั้งหมด แต่จะรองรับ Entity Number

---

การทำให้เนื้อหามีช่องว่างแบบไม่ตัดคำ (Non-breaking Space)

Entity ที่ใช้สำหรับการทำให้เนื้อหาไม่แยกออกจากกันกันทั่วไปใน HTML คือ &nbsp;

Non-breaking Space คือ ช่องว่างที่จะไม่ขึ้นบรรทัดใหม่

คำสองคำที่คั่นด้วยช่องว่างที่ไม่แบ่งจะติดกัน (ไม่แตกเป็นบรรทัดใหม่) สิ่งนี้มีประโยชน์เมื่อเกิดปัญหาการตัดคำขึ้นบรรทัดใหม่ซึ่งอาจส่งผลทำให้เนื้อหาอ่านแล้วไม่เข้าใจ

ตัวอย่าง :

• § 10
• 10 km/h
• 10 PM

การใช้ช่องว่างทั่วไปอีกประการหนึ่งคือการป้องกันไม่ให้เบราว์เซอร์ตัดช่องว่างในหน้า HTML

หากคุณเขียนโค้ดช่องว่าง 10 ช่องในข้อความ เบราว์เซอร์จะลบ 9 ช่องออก หากต้องการเพิ่มช่องว่างจริงในข้อความของคุณอักขระพิเศษ(character entity) &nbsp;

tips: ยัติภังค์ (เครื่องหมายขีด) ที่ทำให้เนื้อหาไม่แยกออกจากกัน ( ‑ ) ใช้เพื่อกำหนดยัติภังค์ ( – ) ที่ไม่ขึ้นบรรทัดใหม่

---

อักขระพิเศษที่ใช้บ่อย

ผลลัพธ์	คำอธิบาย	Entity Name	Entity Number
	การทำให้เนื้อหามีช่องว่างแบบไม่ตัดคำ  (Non-breaking Space)	 	 
<	น้อยกว่า	&lt;	&#60;
>	มากกว่า	&gt;	&#62;
&	Ampersand	&amp;	&#38;
“	อัญประกาศ (Double Quotation Mark)	&quot;	&#34;
‘	อัญประกาศเดี่ยว (Apostrophe)	&apos;	&#39;
¢	ค่าเงินเซ็น	&cent;	&#162;
£	ค่าเงินปอนด์	&pound;	&#163;
¥	ค่าเงินเยน	&yen;	&#165;
€	ค่าเงินยูโร	&euro;	&#8364;
©	Copyright	&copy;	&#169;
®	Registered Trademark	&reg;	&#174;

หมายเหตุ: ชื่อ Entity คำนึงถึงตัวพิมพ์เล็กและใหญ่

---

เครื่องหมายการออกเสียง

เครื่องหมายกำกับเสียงสามารถปรากฏได้ทั้งด้านบนและด้านล่างของตัวอักษร ภายในตัวอักษร และระหว่างตัวอักษรสองตัว

ตัวอย่างบางส่วน

Mark	Character	Construct	Result
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

คุณจะเห็นสัญลักษณ์ HTML เพิ่มเติมในบทเรียนถัดไป

---