HTML 엔티티 인코더 / 디코더 — HTML 이스케이프와 언이스케이프

텍스트를 이름·숫자 엔티티로 HTML 이스케이프하고, & 같은 참조를 문자로 되돌리고, 엔티티 참조 표를 검색하세요.

인코딩형식

인코딩할 텍스트 또는 HTML

인코딩 결과

&lt;p class=&quot;note&quot;&gt;Fish &amp; chips — £4.50 at Café &quot;Ōshima&quot; 🐟&lt;/p&gt;

HTML 엔티티 참조표

이름, 문자, 코드, 그룹으로 검색

문자	이름	10진수	16진수
"	"	"	"
&	&	&	&
'	'	'	'
<	<	<	<
>	>	>	>
·
¡	¡	¡	¡
¢	¢	¢	¢
£	£	£	£
¤	¤	¤	¤
¥	¥	¥	¥
¦	¦	¦	¦
§	§	§	§
¨	¨	¨	¨
©	©	©	©
ª	ª	ª	ª
«	«	«	«
¬	¬	¬	¬
·
®	®	®	®
¯	¯	¯	¯
°	°	°	°
±	±	±	±
²	²	²	²
³	³	³	³
´	´	´	´
µ	µ	µ	µ
¶	¶	¶	¶
·	·	·	·
¸	¸	¸	¸
¹	¹	¹	¹
º	º	º	º
»	»	»	»
¼	¼	¼	¼
½	½	½	½
¾	¾	¾	¾
¿	¿	¿	¿
À	À	À	À
Á	Á	Á	Á
Â	Â	Â	Â
Ã	Ã	Ã	Ã
Ä	Ä	Ä	Ä
Å	Å	Å	Å
Æ	Æ	Æ	Æ
Ç	Ç	Ç	Ç
È	È	È	È
É	É	É	É
Ê	Ê	Ê	Ê
Ë	Ë	Ë	Ë
Ì	Ì	Ì	Ì
Í	Í	Í	Í
Î	Î	Î	Î
Ï	Ï	Ï	Ï
Ð	Ð	Ð	Ð
Ñ	Ñ	Ñ	Ñ
Ò	Ò	Ò	Ò
Ó	Ó	Ó	Ó
Ô	Ô	Ô	Ô
Õ	Õ	Õ	Õ
Ö	Ö	Ö	Ö
×	×	×	×
Ø	Ø	Ø	Ø
Ù	Ù	Ù	Ù
Ú	Ú	Ú	Ú
Û	Û	Û	Û
Ü	Ü	Ü	Ü
Ý	Ý	Ý	Ý
Þ	Þ	Þ	Þ
ß	ß	ß	ß
à	à	à	à
á	á	á	á
â	â	â	â
ã	ã	ã	ã
ä	ä	ä	ä
å	å	å	å
æ	æ	æ	æ
ç	ç	ç	ç
è	è	è	è
é	é	é	é
ê	ê	ê	ê
ë	ë	ë	ë
ì	ì	ì	ì
í	í	í	í
î	î	î	î
ï	ï	ï	ï
ð	ð	ð	ð
ñ	ñ	ñ	ñ
ò	ò	ò	ò
ó	ó	ó	ó
ô	ô	ô	ô
õ	õ	õ	õ
ö	ö	ö	ö
÷	÷	÷	÷
ø	ø	ø	ø
ù	ù	ù	ù
ú	ú	ú	ú
û	û	û	û
ü	ü	ü	ü
ý	ý	ý	ý
þ	þ	þ	þ
ÿ	ÿ	ÿ	ÿ
Α	Α	Α	Α
Β	Β	Β	Β
Γ	Γ	Γ	Γ
Δ	Δ	Δ	Δ
Ε	Ε	Ε	Ε
Ζ	Ζ	Ζ	Ζ
Η	Η	Η	Η
Θ	Θ	Θ	Θ
Ι	Ι	Ι	Ι
Κ	Κ	Κ	Κ
Λ	Λ	Λ	Λ
Μ	Μ	Μ	Μ
Ν	Ν	Ν	Ν
Ξ	Ξ	Ξ	Ξ
Ο	Ο	Ο	Ο
Π	Π	Π	Π
Ρ	Ρ	Ρ	Ρ
Σ	Σ	Σ	Σ
Τ	Τ	Τ	Τ
Υ	Υ	Υ	Υ
Φ	Φ	Φ	Φ
Χ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ψ
Ω	Ω	Ω	Ω
α	α	α	α
β	β	β	β
γ	γ	γ	γ
δ	δ	δ	δ
ε	ε	ε	ε
ζ	ζ	ζ	ζ
η	η	η	η
θ	θ	θ	θ
ι	ι	ι	ι
κ	κ	κ	κ
λ	λ	λ	λ
μ	μ	μ	μ
ν	ν	ν	ν
ξ	ξ	ξ	ξ
ο	ο	ο	ο
π	π	π	π
ρ	ρ	ρ	ρ
ς	&sigmaf;	ς	ς
σ	σ	σ	σ
τ	τ	τ	τ
υ	υ	υ	υ
φ	φ	φ	φ
χ	χ	χ	χ
ψ	ψ	ψ	ψ
ω	ω	ω	ω
Œ	&OElig;	Œ	Œ
œ	&oelig;	œ	œ
Š	&Scaron;	Š	Š
š	&scaron;	š	š
Ÿ	&Yuml;	Ÿ	Ÿ
ƒ	&fnof;	ƒ	ƒ
ˆ	&circ;	ˆ	ˆ
˜	&tilde;	˜	˜
ϑ	&thetasym;	ϑ	ϑ
ϒ	&upsih;	ϒ	ϒ
ϖ	ϖ	ϖ	ϖ
·	&ensp;
·	&emsp;
·
·	&zwnj;	‌	‌
·	&zwj;	‍	‍
·	&lrm;	‎	‎
·	&rlm;	‏	‏
–	–	–	–
—	—	—	—
‘	‘	‘	‘
’	’	’	’
‚	&sbquo;	‚	‚
“	“	“	“
”	”	”	”
„	&bdquo;	„	„
†	&dagger;	†	†
‡	&Dagger;	‡	‡
•	•	•	•
…	…	…	…
‰	&permil;	‰	‰
′	′	′	′
″	″	″	″
‹	&lsaquo;	‹	‹
›	&rsaquo;	›	›
‾	&oline;	‾	‾
⁄	&frasl;	⁄	⁄
€	€	€	€
ℑ	&image;	ℑ	ℑ
℘	&weierp;	℘	℘
ℜ	&real;	ℜ	ℜ
™	™	™	™
ℵ	&alefsym;	ℵ	ℵ
←	←	←	←
↑	↑	↑	↑
→	→	→	→
↓	↓	↓	↓
↔	↔	↔	↔
↵	&crarr;	↵	↵
⇐	⇐	⇐	⇐
⇑	&uArr;	⇑	⇑
⇒	⇒	⇒	⇒
⇓	&dArr;	⇓	⇓
⇔	⇔	⇔	⇔
∀	∀	∀	∀
∂	∂	∂	∂
∃	∃	∃	∃
∅	∅	∅	∅
∇	∇	∇	∇
∈	∈	∈	∈
∉	∉	∉	∉
∋	&ni;	∋	∋
∏	∏	∏	∏
∑	∑	∑	∑
−	−	−	−
∗	&lowast;	∗	∗
√	√	√	√
∝	&prop;	∝	∝
∞	∞	∞	∞
∠	&ang;	∠	∠
∧	&and;	∧	∧
∨	&or;	∨	∨
∩	∩	∩	∩
∪	∪	∪	∪
∫	∫	∫	∫
∴	&there4;	∴	∴
∼	&sim;	∼	∼
≅	&cong;	≅	≅
≈	≈	≈	≈
≠	≠	≠	≠
≡	&equiv;	≡	≡
≤	≤	≤	≤
≥	≥	≥	≥
⊂	⊂	⊂	⊂
⊃	⊃	⊃	⊃
⊄	&nsub;	⊄	⊄
⊆	&sube;	⊆	⊆
⊇	&supe;	⊇	⊇
⊕	&oplus;	⊕	⊕
⊗	&otimes;	⊗	⊗
⊥	&perp;	⊥	⊥
⋅	⋅	⋅	⋅
⌈	&lceil;	⌈	⌈
⌉	&rceil;	⌉	⌉
⌊	&lfloor;	⌊	⌊
⌋	&rfloor;	⌋	⌋
⟨	&lang;	⟨	⟨
⟩	&rang;	⟩	⟩
◊	&loz;	◊	◊
♠	&spades;	♠	♠
♣	&clubs;	♣	♣
♥	&hearts;	♥	♥
♦	&diams;	♦	♦

엔티티 253개 중 253개. 보이지 않는 문자(공백, 결합 문자, 소프트 하이픈)는 ·로 표시됩니다.

모든 작업이 브라우저에서 실행됩니다. 입력한 내용은 전송되거나 저장되지 않습니다. 모든 무료 도구 보기.

문제를 발견하셨거나 개선할 점이 있나요? 모든 메시지를 읽고 빠르게 고칩니다.

이 HTML 엔티티 인코더·디코더는 문자를 HTML 문자 참조로, 또 그 반대로 변환합니다. 인코딩은 마크업에서 특별한 의미가 있는 다섯 문자(< > & " ')를 < > & " '로 바꿔, 텍스트가 HTML로 해석되지 않고 페이지에 표시되거나 속성 안에 들어가게 합니다. 모든 비ASCII 문자를 인코딩할 수도 있는데, 템플릿, 이메일, 레거시 시스템이 UTF-8을 망가뜨릴 때 도움이 됩니다.

디코딩은 é, … 같은 이름 엔티티, é 같은 10진수 참조, é 같은 16진수 참조를 HTML5 파서 고유의 규칙(잘못된 코드 포인트에 대한 특이 동작 포함)에 따라 처리합니다. 253개 항목으로 된 내장 표에 없는 이름은 브라우저의 HTML 파서로 조회하므로 HTML5의 2,000개가 넘는 이름을 모두 디코딩합니다. 알 수 없는 이름은 조용히 사라지지 않고 그대로 남아 목록에 표시됩니다. 이 도구는 텍스트를 변환할 뿐이며 HTML 새니타이저가 아닙니다.

사용 방법

인코딩 또는 디코딩을 고르세요.
인코딩이라면 범위를 고르세요. 위험한 다섯 문자만(일반 HTML에는 충분), 모든 비ASCII, 또는 글자·숫자·공백을 뺀 전부입니다.
이름, 10진수, 16진수 참조 중에서 고르세요. 이름 모드는 이름이 없는 문자에 10진수를 씁니다.
입력하거나 붙여 넣으면 출력이 바로 바뀝니다. 바꾸기를 누르면 출력이 입력으로 돌아가 왕복 변환을 확인할 수 있습니다.
참조 표를 이름, 문자, 10진수 코드, 그룹(예: "arrow", "greek")으로 검색하고 엔티티를 복사하세요.

자주 묻는 질문

HTML에서 반드시 이스케이프해야 하는 문자는 무엇인가요?

텍스트 콘텐츠에서는 태그와 엔티티를 시작하는 <와 &를 이스케이프해야 합니다. 속성 값 안에서는 속성을 감싸는 따옴표도 이스케이프하세요. "는 "로, '는 '로 씁니다. >를 >로 이스케이프하는 것은 꼭 필요하지는 않지만 관례이고 해가 없습니다. 악센트 문자와 이모지를 포함한 나머지는 UTF-8 페이지에 그대로 써도 됩니다.

 와 일반 공백의 차이는 무엇인가요?

 는 줄바꿈 없는 공백인 U+00A0입니다. 일반 공백과 달리 브라우저는 여기서 줄을 바꾸지 않고, 여러 개를 하나로 합치지도 않습니다. "10 kg"이나 "Mr. Smith"를 한 줄에 붙여 두는 데 유용합니다. 레이아웃을 위해  를 줄줄이 쓰고 있다면 그 일은 CSS가 맡아야 한다는 신호입니다.

'와 ' 중 무엇을 써야 하나요?

'는 XML과 HTML5에는 정의되어 있지만 HTML 4에는 없어서, 아주 오래된 브라우저와 일부 이메일 클라이언트가 인식하지 못합니다. '는 어디서나 작동하므로 이 인코더는 이름 모드에서도 아포스트로피에 '를 씁니다. 최신 HTML5 페이지라면 둘 다 괜찮습니다.

HTML 인코딩만으로 XSS를 막을 수 있나요?

< > & " '를 이스케이프하면 HTML 텍스트와 따옴표로 감싼 속성 값에 대한 삽입을 막을 수 있으며, 가장 흔한 경우를 다룹니다. 하지만 <script> 블록, style 속성, 따옴표 없는 속성, href="javascript:..." 같은 URL 안에서는 값이 안전해지지 않습니다. 이런 컨텍스트에는 각각에 맞는 인코딩이나 검증이 필요합니다. 기본적으로 이스케이프하는 템플릿 엔진을 쓰고, 사용자 HTML을 받아야 한다면 DOMPurify 같은 새니타이저를 쓰세요.

텍스트에 &amp;나 Ã©가 보이는 이유는 무엇인가요?

&amp;는 텍스트가 두 번 HTML 인코딩되었다는 뜻입니다. &가 &가 된 다음 그 &가 다시 인코딩된 것입니다. 추가된 층마다 한 번씩 디코딩하세요. é 대신 Ã©가 보이는 것은 엔티티 문제가 아니라 인코딩 불일치로, UTF-8 바이트를 Windows-1252나 Latin-1로 읽은 것입니다. 문자 집합 선언이나 데이터베이스 연결 인코딩을 고치세요. 엔티티는 증상을 가릴 뿐입니다.

이름, 10진수, 16진수 참조

HTML에는 같은 문자를 쓰는 방법이 세 가지 있습니다. © 같은 이름 참조는 읽기 쉽지만 HTML이 이름을 정의한 문자에만 있습니다. © 같은 10진수 참조와 © 같은 16진수 참조는 이모지를 포함한 모든 유니코드 코드 포인트에 쓸 수 있습니다. 🌲는 🌲 또는 🌲로, UTF-16의 두 반쪽에 대해 두 개가 아니라 문자 전체에 대해 참조 하나입니다.

이 도구의 표에 있는 이름 253개는 HTML 4 집합에 '를 더한 것입니다. 모든 브라우저, 이메일 클라이언트, HTML 라이브러리가 지원합니다. HTML5는 주로 수학 기호(&NotEqualTilde;, &bigotimes;)인 약 2,000개를 추가했는데, 최신 브라우저에서는 디코딩되지만 오래된 도구가 콘텐츠를 다룰 수 있다면 일반 UTF-8이나 숫자 참조로 쓰는 편이 낫습니다.

이름은 대소문자를 구분합니다. É는 É, é는 é입니다. &COPY;, &AMP; 같은 몇몇은 역사적인 이유로 대문자 형태도 있지만 표준은 소문자 형태입니다.

인코딩해야 할 때와 하지 말아야 할 때

• 페이지에 사용자 입력 표시: 데이터베이스에 저장할 때가 아니라 출력 시점에 템플릿에서 위험한 다섯 문자를 이스케이프하세요.

• 블로그 글이나 문서의 코드 예시: 태그가 텍스트로 보이도록 <와 &를 이스케이프하세요.

• UTF-8을 믿을 수 없는 이메일 템플릿과 레거시 시스템: 모든 비ASCII를 숫자 참조로 인코딩하면 어떤 문자 집합에서도 콘텐츠가 살아남습니다.

• 최신 UTF-8 페이지: 악센트 문자, 둥근 따옴표, 이모지를 인코딩하지 마세요. 일반 문자가 더 작고, 검색되며, 편집하기 쉽습니다.

• JSON, URL, JavaScript 문자열: 여기서 HTML 엔티티는 아무 의미가 없습니다. 각각 JSON 이스케이프, 퍼센트 인코딩, JavaScript 문자열 이스케이프를 쓰세요.

숫자 참조를 디코딩하는 방법

HTML5 사양은 파서가 이상한 숫자 참조를 어떻게 처리해야 하는지 정의하며, 이 디코더는 그 규칙을 따릅니다. , 서로게이트 코드 포인트 참조(&#xD800;), U+10FFFF를 넘는 값은 대체 문자 U+FFFD가 됩니다. 에서  범위의 참조는 Windows-1252로 읽으므로 은 엔 대시, 은 유로 기호가 됩니다. 오래된 페이지가 그렇게 쓸 때 의도한 것이 바로 그것이기 때문입니다.

이름 참조는 세미콜론으로 끝날 때만 디코딩합니다. 브라우저는 텍스트에서 &copy나 &amp처럼 세미콜론 없는 몇몇 레거시 이름도 받아들이지만, 이 동작은 뒤에 오는 내용에 따라 달라지므로 콘텐츠에는 항상 세미콜론을 넣어야 합니다.