Developer Utility
HTML Entity Encoder / Decoder
HTML 특수문자를 Entity 코드로 변환하거나, <div> 같은 HTML Entity 문자열을 원문으로 복원할 수 있습니다.
텍스트 입력
HTML Entity로 변환하거나 원문으로 복원할 텍스트를 입력하세요.
변환 결과
HTML Entity 인코딩 또는 디코딩 결과를 확인할 수 있습니다.
텍스트를 입력한 뒤 인코딩 또는 디코딩 버튼을 눌러주세요.
도움말
HTML Entity Encoder / Decoder란?
HTML Entity Encoder / Decoder는 HTML 문서에서 특수문자를 안전하게 표시하기 위해 <, >, &, " 같은 Entity 코드로 변환하거나, 반대로 Entity 코드를 사람이 읽을 수 있는 원문으로 복원하는 무료 개발자 유틸리티입니다.
블로그 글 작성, 웹페이지 코드 예시 작성, HTML 템플릿 수정, 개발 문서 작성, 소스 코드 표시 작업 등에 활용할 수 있습니다.
지원 기능
- HTML 특수문자 Entity 인코딩
- HTML Entity 문자열 디코딩
- <, >, &, 큰따옴표, 작은따옴표 변환
- 입력 글자 수와 줄 수 확인
- 변환 대상 문자 개수 확인
- 변환 결과 복사 기능
이런 작업에 활용할 수 있습니다
- 블로그 글에 HTML 코드 예시를 안전하게 표시할 때
- <div>, <span>, <script> 같은 태그를 화면에 그대로 보여주고 싶을 때
- HTML Entity로 변환된 문자열을 원문으로 복원할 때
- 웹페이지 소스에서 복사한 Entity 코드를 읽기 쉽게 바꿀 때
- 개발 문서나 튜토리얼에 코드 조각을 삽입할 때
- 템플릿에서 특수문자 표시 오류를 점검할 때
인코딩과 디코딩의 차이
인코딩은 <div> 같은 HTML 태그 문자를 <div> 형태로 바꾸는 기능입니다. HTML 문서 안에서 태그가 실제 요소로 실행되지 않고 텍스트로 보이게 만들 때 사용합니다.
디코딩은 <div>처럼 Entity 코드로 바뀐 문자열을 다시 <div> 형태의 원문으로 복원하는 기능입니다. 복사한 코드나 변환된 문자열을 사람이 읽기 쉬운 형태로 되돌릴 때 사용합니다.
HTML Entity 변환기를 찾는 사용자들이 자주 하는 작업
HTML Entity Encoder, HTML Entity Decoder, HTML 특수문자 변환, HTML 엔티티 변환기, HTML Escape, HTML Unescape 도구를 찾는 경우 대부분 HTML 태그를 화면에 그대로 표시하거나, Entity 코드로 변환된 문자열을 원문으로 복원하려는 경우가 많습니다.
특히 블로그 글에 코드 예시를 넣거나, 개발 문서에서 HTML 태그를 설명할 때, 코드가 실제 태그로 해석되지 않도록 Entity 변환을 사용하면 편리합니다.
주의사항
이 도구는 HTML 특수문자와 Entity 문자열을 변환하는 용도로 제공됩니다. 입력한 코드의 보안 취약점이나 스크립트 실행 여부를 검사하는 보안 분석 도구는 아닙니다.
블로그나 웹페이지에 외부에서 받은 HTML 코드를 삽입할 때는 Entity 변환 여부와 별개로 스크립트, iframe, 이벤트 속성 같은 위험 요소가 없는지 직접 확인하는 것이 좋습니다.