- 인코딩(글자→엔티티) 또는 디코딩(엔티티→글자) 방향을 고릅니다.
- 위 칸에 텍스트나 HTML을 입력하면 아래에 결과가 즉시 표시됩니다.
- 필요하면 비ASCII 문자까지 숫자 엔티티로 인코딩하는 옵션을 켭니다.
- "결과 복사"로 클립보드에 담거나, "결과를 입력으로"로 이어서 변환합니다.
HTML에서 특별한 의미를 갖는 문자는 글자 그대로 보여 주려면 엔티티로 바꿔야 합니다. 핵심은 다섯 글자이며, 이것만 처리해도 대부분의 표시 오류와 코드 깨짐을 막을 수 있습니다.
- 앰퍼샌드(&): 모든 엔티티의 시작 문자라 가장 먼저, 그리고 가장 조심해서 바꿔야 합니다.
- 꺾쇠 괄호(< >): 태그의 시작·끝으로 해석되므로 본문에 그대로 두면 내용이 사라져 보일 수 있습니다.
- 따옴표(" '): 속성값을 감싸는 문자라, 속성 안 텍스트에서는 반드시 엔티티로 바꿔야 값이 중간에 끊기지 않습니다.
특수문자 처리 전반은 HTML 엔티티 가이드에 더 자세히 정리했습니다.
- 코드 예시 게시: 블로그·문서에 HTML 코드를 글자 그대로 보여 줄 때 인코딩하면 태그로 해석되지 않습니다.
- 입력값 안전 처리: 사용자 입력을 화면에 표시하기 전 인코딩하면 스크립트 삽입(XSS)을 막는 데 도움이 됩니다.
- 깨진 엔티티 복원: < 처럼 이중 인코딩되어 보이면 디코딩을 두 번 돌려 원래 글자를 확인할 수 있습니다.
꺾쇠 괄호나 앰퍼샌드 같은 문자는 HTML에서 태그와 코드의 일부로 해석됩니다. 이 문자를 화면에 글자 그대로 보여 주려면 그에 대응하는 엔티티 코드로 바꿔야 합니다. 예를 들어 코드 예시를 글에 넣거나, 사용자 입력을 안전하게 표시할 때(XSS 방지) 인코딩이 필요합니다.
속성값 안에 들어가는 텍스트라면 그렇습니다. 큰따옴표를 엔티티로 바꾸지 않으면 속성이 중간에 끊길 수 있습니다. 본문 텍스트에서는 따옴표를 꼭 바꿀 필요는 없지만, 안전하게 처리하려면 함께 인코딩하는 것이 좋습니다. 이 도구는 기본으로 따옴표까지 인코딩합니다.
한글·이모지 같은 비ASCII 문자를 숫자 형태의 엔티티로 바꾸는 옵션입니다. 문서의 문자 인코딩(charset)이 불확실하거나 ASCII만 안전하게 전달해야 하는 옛 환경에서 글자 깨짐을 막는 데 씁니다. 요즘은 UTF-8을 쓰면 대부분 불필요하지만, 메일 템플릿 등 특수한 경우에 유용합니다.
이름 엔티티는 앰퍼샌드와 lt, gt, amp, quot 같은 약속된 이름으로 쓰는 방식이라 사람이 읽기 쉽습니다. 숫자 엔티티는 앰퍼샌드와 우물 정 기호 뒤에 문자의 코드 값을 적는 방식으로, 이름이 정해지지 않은 모든 문자를 표현할 수 있습니다. 이 도구의 인코딩은 기본 문자에는 이름 엔티티를, 비ASCII 옵션을 켜면 숫자 엔티티를 씁니다.
네. 디코딩은 브라우저의 표준 해석 방식을 그대로 사용하므로 이름 엔티티와 숫자 엔티티를 모두 원래 글자로 되돌립니다. 다만 깨지거나 세미콜론이 빠진 잘못된 엔티티는 글자로 바뀌지 않고 입력한 형태 그대로 남을 수 있으니, 결과가 이상하면 원본 엔티티 표기를 확인하세요.