HTML 특수문자 변환

HTML 특수문자 변환 사용법

HTML에서 < 와 > 는 태그를, & 는 엔티티의 시작을 뜻합니다. 이 글자들을 화면에 글자 그대로 보여 주려면 &lt; &gt; &amp; 같은 엔티티(문자 참조)로 바꿔 적어야 하는데, 이 작업을 HTML 이스케이프라고 합니다. 블로그 글에 코드 예제를 넣을 때, 사용자가 입력한 글을 페이지에 출력할 때, 키보드에 없는 기호(©, →, ×)를 넣을 때 씁니다. 이 도구는 글을 엔티티로 바꾸고 엔티티를 다시 글자로 되돌립니다.

쓰는 순서

1. 방향을 고릅니다. 코드를 화면에 보이게 만들려면 글 → 엔티티, 엔티티가 섞인 글을 읽을 수 있게 하려면 엔티티 → 글입니다.
2. 입력 칸에 붙여 넣거나 파일 열기로 html, txt, xml 파일을 불러옵니다.
3. 바꿀 범위와 형식을 고릅니다. 결과 아래에 몇 곳이 바뀌었는지 나옵니다.
4. 결과 복사 또는 TXT로 저장으로 가져갑니다.

예시

범위를 "필수 5글자만", 형식을 "이름"으로 두고 다음을 넣습니다.

<a href="x">Tom & Jerry</a>

결과는 &lt;a href=&quot;x&quot;&gt;Tom &amp; Jerry&lt;/a&gt; 이고 7곳이 바뀝니다. 이 결과를 HTML에 붙여 넣으면 링크가 만들어지지 않고 태그가 글자로 보입니다.

범위를 "필수 + 영문이 아닌 모든 글자", 형식을 "16진수"로 바꾸고 "© 2026 도구모아"를 넣으면 &#xA9; 2026 &#xB3C4;&#xAD6C;&#xBAA8;&#xC544; 가 됩니다. 한글 네 글자가 각각 유니코드 번호로 바뀐 것입니다.

바꿀 범위를 고르는 기준

이름, 10진수, 16진수

세 형식은 같은 글자를 가리킵니다. 저작권 기호는 &copy; &#169; &#xA9; 어느 것으로 적어도 ©로 보입니다. 이름은 읽기 쉽지만 모든 글자에 이름이 있는 것은 아닙니다. 형식을 이름으로 골라도 이름이 없는 글자(한글, 원화 기호 등)는 10진수로 적습니다. XML, RSS, SVG 파일은 amp, lt, gt, quot, apos 다섯 이름만 알기 때문에 &nbsp; 나 &copy; 를 넣으면 문서 전체가 오류가 납니다. 그런 파일에 넣을 글은 숫자 형식으로 바꾸세요.

자주 쓰는 엔티티 표

자주 쓰는 엔티티 표 탭에는 필수 글자, 따옴표와 줄표, 수학 기호, 화살표, 통화 기호 등 70여 개를 모아 두었습니다. 글자, 이름, 10진수, 16진수 칸이 각각 버튼이라서 누르면 그 값이 복사됩니다. 찾기 칸에 "화살표", "copy", "169"처럼 설명, 이름, 숫자 어느 것을 넣어도 걸러집니다. 표의 글자는 브라우저가 엔티티를 직접 풀어 보여 주는 값이므로 실제 페이지에서 보이는 모양과 같습니다. 표 전체는 CSV로 저장할 수 있습니다.

흔한 실수

• 두 번 바꾸기: 이미 &lt; 로 바뀐 글을 또 바꾸면 &amp;lt; 가 되어 화면에 &lt; 가 그대로 보입니다. 되돌린 결과에 엔티티가 남아 있으면 안내가 나옵니다.
• 세미콜론 빠뜨리기: &nbsp 처럼 끝의 ; 가 없으면 브라우저에 따라 풀기도 하고 안 풀기도 합니다. 이 도구는 세미콜론으로 끝나는 것만 엔티티로 읽습니다.
• 대소문자: 이름은 대소문자를 가립니다. &Prime; (″)과 &prime; (′), &Dagger; (‡)와 &dagger; (†)는 서로 다른 글자이고 &Nbsp; 처럼 대소문자가 틀리면 풀리지 않습니다. 되돌릴 때 알 수 없는 이름은 그대로 두고 무엇이었는지 알려 드립니다.
• &nbsp; 로 간격 맞추기: 띄어쓰기를 여러 개 넣는 데 쓰기 쉽지만 화면 너비에 따라 줄이 이상하게 끊깁니다. 간격은 CSS로 주는 편이 낫습니다.

보안과 관련해 알아 둘 점

사용자가 입력한 글을 페이지에 넣기 전에 다섯 글자를 바꾸는 것은 스크립트 삽입(XSS)을 막는 기본 수단입니다. 다만 그것은 태그 사이의 본문과 따옴표로 감싼 속성값에만 통합니다. 스크립트 코드 안, 주소(href) 안, 스타일 안에 넣는 값은 각각 다른 방식의 처리가 필요하므로 이 변환만으로 안전하다고 보면 안 됩니다.