Developer Tools

HTML 엔티티 변환기

HTML 특수문자를 엔티티로 변환하거나 <, & 같은 엔티티를 원래 문자로 복원하는 무료 HTML 엔티티 변환기입니다.

도구 사용

입력값을 넣고 실행하면 결과가 이 화면 안에서 바로 계산됩니다. 처음이라면 예제 입력하기로 동작을 먼저 확인해보세요.

실행 도구

HTML 엔티티 변환기

브라우저 처리
입력변환하거나 정리할 원본
결과실행 결과

도구 소개

HTML 엔티티 변환기는 <, >, &, 따옴표 같은 문자를 HTML에서 안전하게 표시할 수 있는 엔티티 형태로 바꾸거나 다시 원래 문자로 복원하는 도구입니다. 코드 예제를 글에 넣거나, 사용자 입력을 화면에 보여 줄 때 필요합니다.

HTML 문서에서 < 문자는 태그 시작으로 해석될 수 있습니다. 그래서 실제 문자로 보여 주려면 &lt;처럼 escape해야 합니다. 이 기본 원리를 이해하면 XSS 같은 보안 문제를 예방하는 데도 도움이 됩니다.

사용 방법

  1. 변환할 텍스트나 HTML 조각을 입력합니다.
  2. Escape를 선택하면 특수문자가 엔티티로 바뀝니다.
  3. Unescape를 선택하면 엔티티가 실제 문자로 복원됩니다.
  4. 웹페이지에 출력할 값은 상황에 맞게 서버나 템플릿에서도 escape 처리합니다.

실전 예제

입력 예제

<span class="tag">A&B</span>

출력 예제

&lt;span class=&quot;tag&quot;&gt;A&amp;B&lt;/span&gt;

블로그 글에 HTML 코드 예제를 그대로 보여 주고 싶을 때 엔티티로 변환하면 브라우저가 태그로 실행하지 않고 문자로 표시합니다.

자주 묻는 질문

HTML 엔티티는 왜 필요한가요?

브라우저가 특수문자를 태그나 문법으로 해석하지 않고 문자 그대로 보여 주게 하기 위해 필요합니다.

&amp;nbsp;는 무엇인가요?

줄바꿈되지 않는 공백을 뜻하는 HTML 엔티티입니다. 문서 복사 과정에서 원치 않게 섞이기도 합니다.

Escape하면 XSS가 완전히 막히나요?

중요한 방어 수단이지만 출력 위치별 규칙과 서버 측 검증도 필요합니다.

한글도 엔티티로 바꿔야 하나요?

일반적으로 한글은 그대로 둬도 됩니다. 주로 HTML 문법과 충돌하는 특수문자를 변환합니다.

URL 인코더/디코더 유니코드 변환기 Text Diff

알아두면 좋은 점

HTML 엔티티 변환은 보기용 편의 기능이면서 보안의 기본입니다. 다만 모든 보안 처리를 클라이언트 도구에 맡기면 안 됩니다. 실제 서비스에서는 출력 위치가 HTML 본문인지, 속성인지, JavaScript인지에 따라 다른 escape 규칙을 적용해야 합니다.