HTML entity คืออะไร?

HTML entity คือสตริงข้อความที่เริ่มต้นด้วย & และลงท้ายด้วย ; ใช้เพื่อแสดงอักขระที่มีความหมายพิเศษใน HTML หรือพิมพ์ได้ยาก ตัวอย่างเช่น < แสดงเป็น < (เครื่องหมายน้อยกว่า) ซึ่งมิฉะนั้นจะถูกตีความว่าเป็นจุดเริ่มต้นของแท็ก HTML

HTML Entities

Q: ควรเข้ารหัส HTML entities เมื่อใด?

ในเนื้อหา HTML เสมอให้เข้ารหัส & เป็น &amp;, < เป็น &lt; และ > เป็น &gt; เพื่อป้องกันไม่ให้ถูกวิเคราะห์เป็น markup ในทางปฏิบัติ template engines จัดการสิ่งนี้โดยอัตโนมัติด้วยฟังก์ชันเช่น htmlspecialchars() ใน PHP หรือ html.escape() ใน Python

รหัสทศนิยม hex และเอนทิตีที่มีชื่อสำหรับอักขระสงวน สัญลักษณ์ ลูกศร และอื่นๆ

Reserved Characters

Decimal	Hex	Named	Char	Description
`&`	`&`	`&`	&	Ampersand — must always be encoded in HTML
`<`	`<`	`<`	<	Less-than — opens HTML tags
`>`	`>`	`>`	>	Greater-than — closes HTML tags
`"`	`"`	`"`	"	Double quote — use inside attribute values
`'`	`'`	`'`	'	Single quote / apostrophe — no named entity in HTML4
`/`	`/`	`/`	/	Forward slash — safe to use unencoded in most contexts

Common Symbols

Decimal	Hex	Named	Char	Description
`©`	`©`	`©`	©	Copyright sign
`®`	`®`	`®`	®	Registered trademark
`™`	`™`	`™`	™	Trademark symbol
`€`	`€`	`€`	€	Euro sign
`£`	`£`	`£`	£	Pound sterling sign
`¥`	`¥`	`¥`	¥	Yen / yuan sign
`§`	`§`	`§`	§	Section sign
`°`	`°`	`°`	°	Degree sign
`±`	`±`	`±`	±	Plus-minus sign
`×`	`×`	`×`	×	Multiplication sign
`÷`	`÷`	`÷`	÷	Division sign
`²`	`²`	`²`	²	Superscript two / squared
`³`	`³`	`³`	³	Superscript three / cubed

Arrows

Decimal	Hex	Named	Char	Description
`←`	`←`	`←`	←	Leftwards arrow
`→`	`→`	`→`	→	Rightwards arrow
`↑`	`↑`	`↑`	↑	Upwards arrow
`↓`	`↓`	`↓`	↓	Downwards arrow
`↔`	`↔`	`↔`	↔	Left-right arrow
`⇐`	`⇐`	`⇐`	⇐	Leftwards double arrow
`⇒`	`⇒`	`⇒`	⇒	Rightwards double arrow
`⇔`	`⇔`	`⇔`	⇔	Left-right double arrow

Mathematical

Decimal	Hex	Named	Char	Description
`∑`	`∑`	`∑`	∑	Summation / sigma
`√`	`√`	`√`	√	Square root radical sign
`∞`	`∞`	`∞`	∞	Infinity symbol
`π`	`π`	`π`	π	Greek letter pi
`≈`	`≈`	`≈`	≈	Almost equal to
`≠`	`≠`	`≠`	≠	Not equal to
`≤`	`≤`	`≤`	≤	Less than or equal to
`≥`	`≥`	`≥`	≥	Greater than or equal to
`±`	`±`	`±`	±	Plus or minus

Smart Quotes & Dashes

Decimal	Hex	Named	Char	Description
`“`	`“`	`“`	“	Left double quotation mark (opening)
`”`	`”`	`”`	”	Right double quotation mark (closing)
`‘`	`‘`	`‘`	‘	Left single quotation mark (opening)
`’`	`’`	`’`	’	Right single quotation mark (closing)
`—`	`—`	`—`	—	Em dash — used for parenthetical clauses
`–`	`–`	`–`	–	En dash — used in ranges (pages 5–10)

Whitespace

Decimal	Hex	Named	Char	Description
` `	` `	` `	[nbsp]	Non-breaking space — prevents line break
` `	` `	`&ensp;`	[ensp]	En space — width of letter n
` `	` `	`&emsp;`	[emsp]	Em space — width of letter m
` `	` `	` `	[thinsp]	Thin space — about 1/5 of em

คำถามที่พบบ่อย