HTML 기호 코드

Q: HTML 엔티티란 무엇인가요?

&로 시작해 ;로 끝나는 짧은 코드로, ♥는 &hearts;, ©는 ©처럼 씁니다. 브라우저는 코드 대신 기호를 표시합니다.

Q: 이름 코드와 숫자 코드 중 무엇을 써야 하나요?

둘 다 모든 최신 브라우저에서 작동합니다. ♥ 같은 숫자 코드는 모든 유니코드 문자에 있지만 이름은 일부 문자에만 있습니다. UTF-8 페이지에서는 기호를 그대로 붙여넣어도 됩니다.

Q: CSS로 기호를 추가하려면 어떻게 하나요?

CSS 코드를 가상 요소의 content 속성에 사용하세요. 예를 들어 하트는 content: "\2665";입니다.

252개 기호의 HTML 이름 엔티티, 10진수·16진수 코드, CSS 코드. 기호를 클릭하면 기호가, 코드를 클릭하면 코드가 복사됩니다.

Basic Latin

기호	이름	엔티티	10진수	16진수	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

기호	이름	엔티티	10진수	16진수	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

기호	이름	엔티티	10진수	16진수	CSS
	small f with hook				`\0192`

Spacing Modifier Letters

기호	이름	엔티티	10진수	16진수	CSS
	modifier circumflex accent				`\02C6`
	small tilde				`\02DC`

Greek And Coptic

기호	이름	엔티티	10진수	16진수	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

기호	이름	엔티티	10진수	16진수	CSS
	euro sign				`\20AC`

Letterlike Symbols

기호	이름	엔티티	10진수	16진수	CSS
	black-letter capital I				`\2111`
	script capital P				`\2118`
	black-letter capital R				`\211C`
	trade mark sign				`\2122`
	alef symbol				`\2135`

Arrows

기호	이름	엔티티	10진수	16진수	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

기호	이름	엔티티	10진수	16진수	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

기호	이름	엔티티	10진수	16진수	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

기호	이름	엔티티	10진수	16진수	CSS
	lozenge				`\25CA`

Miscellaneous Symbols

기호	이름	엔티티	10진수	16진수	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`
스마일 (가타카나 츠)	–	`\30C4`
작은 츠 스마일	–	`\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로 유지하고 싶을 때는 코드가 유용합니다. 문자의 코드를 찾으려면 유니코드 조회를 사용하세요.

자주 묻는 질문

HTML 엔티티란 무엇인가요?

이름 코드와 숫자 코드 중 무엇을 써야 하나요?

둘 다 모든 최신 브라우저에서 작동합니다. ♥ 같은 숫자 코드는 모든 유니코드 문자에 있지만 이름은 일부 문자에만 있습니다. UTF-8 페이지에서는 기호를 그대로 붙여넣어도 됩니다.

CSS로 기호를 추가하려면 어떻게 하나요?

CSS 코드를 가상 요소의 content 속성에 사용하세요. 예를 들어 하트는 content: "\2665";입니다.