รหัสสัญลักษณ์ HTML

Q: เอนทิตี HTML คืออะไร

โค้ดสั้น ๆ ที่ขึ้นต้นด้วย & และลงท้ายด้วย ; เช่น &hearts; แทน ♥ หรือ © แทน © เบราว์เซอร์จะแสดงเป็นสัญลักษณ์แทนโค้ด

Q: ควรใช้รหัสแบบมีชื่อหรือแบบตัวเลข

ใช้ได้ในเบราว์เซอร์สมัยใหม่ทุกตัว รหัสตัวเลขอย่าง ♥ มีให้ครบทุกอักขระ Unicode ส่วนชื่อมีเฉพาะบางตัว ในหน้า UTF-8 คุณยังวางสัญลักษณ์ลงไปได้เลย

Q: จะเพิ่มสัญลักษณ์ด้วย CSS ได้อย่างไร

ใช้รหัส CSS ในคุณสมบัติ content ของเอลิเมนต์เทียม เช่น content: "\2665"; สำหรับหัวใจ

ชื่อเอนทิตี HTML รหัสเลขฐานสิบและฐานสิบหก และรหัส CSS ของ 252 สัญลักษณ์ คลิกสัญลักษณ์เพื่อคัดลอก หรือคลิกรหัสเพื่อคัดลอกรหัส

Basic Latin

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	quotation mark				`\0022`
	ampersand				`\0026`
	less-than sign				`\003C`
	greater-than sign				`\003E`

Latin 1 Supplement

สัญลักษณ์	ชื่อ	CSS
(ว่าง)	no-break space	`\00A0`
	inverted exclamation mark	`\00A1`
	cent sign	`\00A2`
	pound sign	`\00A3`
	currency sign	`\00A4`
	yen sign	`\00A5`
	broken bar	`\00A6`
	section sign	`\00A7`
	diaeresis	`\00A8`
	copyright sign	`\00A9`
	feminine ordinal indicator	`\00AA`
	left-pointing double angle quotation mark	`\00AB`
	not sign	`\00AC`
(ว่าง)	soft hyphen	`\00AD`
	registered sign	`\00AE`
	macron	`\00AF`
	degree sign	`\00B0`
	plus-minus sign	`\00B1`
	superscript two	`\00B2`
	superscript three	`\00B3`
	acute accent	`\00B4`
	micro sign	`\00B5`
	pilcrow sign	`\00B6`
	middle dot	`\00B7`
	cedilla	`\00B8`
	superscript one	`\00B9`
	masculine ordinal indicator	`\00BA`
	right-pointing double angle quotation mark	`\00BB`
	vulgar fraction one quarter	`\00BC`
	vulgar fraction one half	`\00BD`
	vulgar fraction three quarters	`\00BE`
	inverted question mark	`\00BF`
	capital a with grave	`\00C0`
	capital a with acute	`\00C1`
	capital a with circumflex	`\00C2`
	capital a with tilde	`\00C3`
	capital a with diaeresis	`\00C4`
	capital a with ring above	`\00C5`
	capital ae	`\00C6`
	capital c with cedilla	`\00C7`
	capital e with grave	`\00C8`
	capital e with acute	`\00C9`
	capital e with circumflex	`\00CA`
	capital e with diaeresis	`\00CB`
	capital i with grave	`\00CC`
	capital i with acute	`\00CD`
	capital i with circumflex	`\00CE`
	capital i with diaeresis	`\00CF`
	capital eth	`\00D0`
	capital n with tilde	`\00D1`
	capital o with grave	`\00D2`
	capital o with acute	`\00D3`
	capital o with circumflex	`\00D4`
	capital o with tilde	`\00D5`
	capital o with diaeresis	`\00D6`
	multiplication sign	`\00D7`
	capital o with stroke	`\00D8`
	capital u with grave	`\00D9`
	capital u with acute	`\00DA`
	capital u with circumflex	`\00DB`
	capital u with diaeresis	`\00DC`
	capital y with acute	`\00DD`
	capital thorn	`\00DE`
	small sharp s	`\00DF`
	small a with grave	`\00E0`
	small a with acute	`\00E1`
	small a with circumflex	`\00E2`
	small a with tilde	`\00E3`
	small a with diaeresis	`\00E4`
	small a with ring above	`\00E5`
	small ae	`\00E6`
	small c with cedilla	`\00E7`
	small e with grave	`\00E8`
	small e with acute	`\00E9`
	small e with circumflex	`\00EA`
	small e with diaeresis	`\00EB`
	small i with grave	`\00EC`
	small i with acute	`\00ED`
	small i with circumflex	`\00EE`
	small i with diaeresis	`\00EF`
	small eth	`\00F0`
	small n with tilde	`\00F1`
	small o with grave	`\00F2`
	small o with acute	`\00F3`
	small o with circumflex	`\00F4`
	small o with tilde	`\00F5`
	small o with diaeresis	`\00F6`
	division sign	`\00F7`
	small o with stroke	`\00F8`
	small u with grave	`\00F9`
	small u with acute	`\00FA`
	small u with circumflex	`\00FB`
	small u with diaeresis	`\00FC`
	small y with acute	`\00FD`
	small thorn	`\00FE`
	small y with diaeresis	`\00FF`

Latin Extended A

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	capital ligature oe				`\0152`
	small ligature oe				`\0153`
	capital s with caron				`\0160`
	small s with caron				`\0161`
	capital y with diaeresis				`\0178`

Latin Extended B

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	small f with hook				`\0192`

Spacing Modifier Letters

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	modifier circumflex accent				`\02C6`
	small tilde				`\02DC`

Greek And Coptic

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	greek capital alpha				`\0391`
	greek capital beta				`\0392`
	greek capital gamma				`\0393`
	greek capital delta				`\0394`
	greek capital epsilon				`\0395`
	greek capital zeta				`\0396`
	greek capital eta				`\0397`
	greek capital theta				`\0398`
	greek capital iota				`\0399`
	greek capital kappa				`\039A`
	greek capital lamda				`\039B`
	greek capital mu				`\039C`
	greek capital nu				`\039D`
	greek capital xi				`\039E`
	greek capital omicron				`\039F`
	greek capital pi				`\03A0`
	greek capital rho				`\03A1`
	greek capital sigma				`\03A3`
	greek capital tau				`\03A4`
	greek capital upsilon				`\03A5`
	greek capital phi				`\03A6`
	greek capital chi				`\03A7`
	greek capital psi				`\03A8`
	greek capital omega				`\03A9`
	greek small alpha				`\03B1`
	greek small beta				`\03B2`
	greek small gamma				`\03B3`
	greek small delta				`\03B4`
	greek small epsilon				`\03B5`
	greek small zeta				`\03B6`
	greek small eta				`\03B7`
	greek small theta				`\03B8`
	greek small iota				`\03B9`
	greek small kappa				`\03BA`
	greek small lamda				`\03BB`
	greek small mu				`\03BC`
	greek small nu				`\03BD`
	greek small xi				`\03BE`
	greek small omicron				`\03BF`
	greek small pi				`\03C0`
	greek small rho				`\03C1`
	greek small final sigma				`\03C2`
	greek small sigma				`\03C3`
	greek small tau				`\03C4`
	greek small upsilon				`\03C5`
	greek small phi				`\03C6`
	greek small chi				`\03C7`
	greek small psi				`\03C8`
	greek small omega				`\03C9`
	greek theta symbol				`\03D1`
	greek upsilon with hook symbol				`\03D2`
	greek pi symbol				`\03D6`

General Punctuation

สัญลักษณ์	ชื่อ	CSS
(ว่าง)	en space	`\2002`
(ว่าง)	em space	`\2003`
(ว่าง)	thin space	`\2009`
(ว่าง)	zero width non-joiner	`\200C`
(ว่าง)	zero width joiner	`\200D`
(ว่าง)	left-to-right mark	`\200E`
(ว่าง)	right-to-left mark	`\200F`
	en dash	`\2013`
	em dash	`\2014`
	left single quotation mark	`\2018`
	right single quotation mark	`\2019`
	single low-9 quotation mark	`\201A`
	left double quotation mark	`\201C`
	right double quotation mark	`\201D`
	double low-9 quotation mark	`\201E`
	dagger	`\2020`
	double dagger	`\2021`
	bullet	`\2022`
	horizontal ellipsis	`\2026`
	per mille sign	`\2030`
	prime	`\2032`
	double prime	`\2033`
	single left-pointing angle quotation mark	`\2039`
	single right-pointing angle quotation mark	`\203A`
	overline	`\203E`
	fraction slash	`\2044`

Currency Symbols

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	euro sign				`\20AC`

Letterlike Symbols

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	black-letter capital I				`\2111`
	script capital P				`\2118`
	black-letter capital R				`\211C`
	trade mark sign				`\2122`
	alef symbol				`\2135`

Arrows

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	leftwards arrow				`\2190`
	upwards arrow				`\2191`
	rightwards arrow				`\2192`
	downwards arrow				`\2193`
	left right arrow				`\2194`
	downwards arrow with corner leftwards				`\21B5`
	leftwards double arrow				`\21D0`
	upwards double arrow				`\21D1`
	rightwards double arrow				`\21D2`
	downwards double arrow				`\21D3`
	left right double arrow				`\21D4`

Mathematical Operators

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	for all				`\2200`
	partial differential				`\2202`
	there exists				`\2203`
	empty set				`\2205`
	nabla				`\2207`
	element of				`\2208`
	not an element of				`\2209`
	contains as member				`\220B`
	n-ary product				`\220F`
	n-ary summation				`\2211`
	minus sign				`\2212`
	asterisk operator				`\2217`
	square root				`\221A`
	proportional to				`\221D`
	infinity				`\221E`
	angle				`\2220`
	logical and				`\2227`
	logical or				`\2228`
	intersection				`\2229`
	union				`\222A`
	integral				`\222B`
	therefore				`\2234`
	tilde operator				`\223C`
	approximately equal to				`\2245`
	almost equal to				`\2248`
	not equal to				`\2260`
	identical to				`\2261`
	less-than or equal to				`\2264`
	greater-than or equal to				`\2265`
	subset of				`\2282`
	superset of				`\2283`
	not a subset of				`\2284`
	subset of or equal to				`\2286`
	superset of or equal to				`\2287`
	circled plus				`\2295`
	circled times				`\2297`
	up tack				`\22A5`
	dot operator				`\22C5`

Miscellaneous Technical

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	left ceiling				`\2308`
	right ceiling				`\2309`
	left floor				`\230A`
	right floor				`\230B`
	left-pointing angle bracket				`\2329`
	right-pointing angle bracket				`\232A`

Geometric Shapes

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	lozenge				`\25CA`

Miscellaneous Symbols

สัญลักษณ์	ชื่อ	เอนทิตี	เลขฐานสิบ	เลขฐานสิบหก	CSS
	black spade suit				`\2660`
	black club suit				`\2663`
	black heart suit				`\2665`
	black diamond suit				`\2666`

สัญลักษณ์ยอดนิยมที่ไม่มีเอนทิตีแบบมีชื่อ

สัญลักษณ์เหล่านี้ไม่มีชื่อใน HTML จึงให้ใช้รหัสตัวเลข

ชื่อ	เอนทิตี	CSS
ราศีสิงห์	–	`\264C`
check mark	–	`\2713`
สายฟ้า	–	`\1F5F2`
envelope	–	`\2709`
black telephone	–	`\260E`
airplane	–	`\2708`
หัวใจเส้นขอบ	–	`\2661`
หัวใจแดง	–	`\2764`
black star	–	`\2605`
white star	–	`\2606`
ดอกไม้	–	`\273F`
ดวงอาทิตย์	–	`\2600`
พระจันทร์เสี้ยว	–	`\263E`
เมฆ	–	`\2601`
ร่ม	–	`\2602`
เกล็ดหิมะ	–	`\2744`
หยินหยาง	–	`\262F`
สันติภาพ	–	`\262E`
กางเขนละติน	–	`\271D`
เพศชาย (ดาวอังคาร)	–	`\2642`
เพศหญิง (ดาวศุกร์)	–	`\2640`
เพศชายและหญิง	–	`\26A5`
beamed eighth notes	–	`\266B`
eighth note	–	`\266A`
quarter note	–	`\2669`
heavy check mark	–	`\2714`
heavy multiplication x	–	`\2716`
multiplication x	–	`\2715`
ballot x	–	`\2717`
black rightwards arrowhead	–	`\27A4`
ลูกศรขวา	–	`\1F86A`
ลูกศรซ้าย	–	`\1F868`
ลูกศรขึ้น	–	`\1F869`
ลูกศรลง	–	`\1F86B`
ลูกศรตามเข็มนาฬิกา (โหลดใหม่)	–	`\27F3`
ลูกศรทวนเข็มนาฬิกา (เลิกทำ)	–	`\27F2`
black up-pointing triangle	–	`\25B2`
black square	–	`\25A0`
black circle	–	`\25CF`
white circle	–	`\25CB`
จุดนำหน้าวงกลมขาว	–	`\29BE`
medium white circle	–	`\26AA`
ราชินีหมากรุกขาว (มงกุฎ)	–	`\2655`
ราชินีหมากรุกดำ (มงกุฎ)	–	`\265B`
ราชาหมากรุกขาว (มงกุฎ)	–	`\2654`
black chess rook	–	`\265C`
black chess knight	–	`\265E`
สัญลักษณ์รีไซเคิลสากล	–	`\2672`
รีไซเคิล	–	`\267B`
warning sign	–	`\26A0`
skull and crossbones	–	`\2620`
white smiling face	–	`\263A`
black smiling face	–	`\263B`
white frowning face	–	`\2639`
หน้ายิ้ม (คาตากานะ tsu)	–	`\30C4`
หน้ายิ้ม tsu ตัวเล็ก	–	`\30C3`
หน้าเครื่องหมายไปรษณีย์	–	`\3020`
keyboard	–	`\2328`
black scissors	–	`\2702`
lower right pencil	–	`\270E`
จำนวนจริง	–	`\211D`
black four pointed star	–	`\2726`
white four pointed star	–	`\2727`
star operator	–	`\22C6`
ring above	–	`\02DA`
คลื่นทะเล	–	`\A540`
ลม	–	`\0F04`
ปีกนางฟ้าซ้าย	–	`\131A9`
ปีกนางฟ้าขวา	–	`\131AA`

วิธีใช้รหัสสัญลักษณ์ HTML

เขียนเอนทิตีหรือรหัสตัวเลขลงใน HTML โดยตรง เช่น <p>I &hearts; Unicode</p> เอนทิตีแบบมีชื่ออ่านง่ายกว่า ส่วนรหัสตัวเลขอย่าง ♥ ใช้ได้กับทุกอักขระ รวมถึงอักขระบนแป้นพิมพ์สัญลักษณ์ของเรา

หากหน้าเว็บของคุณบันทึกเป็น UTF-8 (ค่าเริ่มต้นของเว็บไซต์สมัยใหม่) คุณวางสัญลักษณ์ลงไปตรง ๆ ได้ด้วย รหัสยังสะดวกในเทมเพลตอีเมล ช่อง CMS ที่ตัดอักขระพิเศษออก และเมื่อต้องการให้ซอร์สเป็น ASCII ธรรมดา หากต้องการหารหัสของอักขระใดก็ได้ ใช้ค้นหา Unicode

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

เอนทิตี HTML คืออะไร

ควรใช้รหัสแบบมีชื่อหรือแบบตัวเลข

ใช้ได้ในเบราว์เซอร์สมัยใหม่ทุกตัว รหัสตัวเลขอย่าง ♥ มีให้ครบทุกอักขระ Unicode ส่วนชื่อมีเฉพาะบางตัว ในหน้า UTF-8 คุณยังวางสัญลักษณ์ลงไปได้เลย

จะเพิ่มสัญลักษณ์ด้วย CSS ได้อย่างไร

ใช้รหัส CSS ในคุณสมบัติ content ของเอลิเมนต์เทียม เช่น content: "\2665"; สำหรับหัวใจ