< > & " ' 등 특수문자 ↔ HTML 엔티티 · 브라우저에서 바로 처리(서버 전송 없음)
인코딩은 & < > " ' 를 엔티티로 변환합니다. 디코딩은 모든 명명·숫자 엔티티(&#38; &#x26; 등)를 원문으로 되돌립니다.

HTML 엔티티 변환기란

웹 문서에서 꺾쇠와 앰퍼샌드 같은 기호는 태그의 일부로 해석되기 때문에, 화면에 그 기호 자체를 보여 주려면 다른 표기로 바꿔 적어야 합니다. 그 대체 표기를 엔티티라고 부르고, 이 도구는 평범한 글과 엔티티 사이를 양방향으로 옮겨 줍니다.

인코딩 방향에서는 다섯 가지 문자를 바꿉니다. 앰퍼샌드를 먼저 처리한 뒤 여는 꺾쇠, 닫는 꺾쇠, 큰따옴표, 작은따옴표 순으로 옮기죠. 앰퍼샌드를 맨 처음에 처리하는 것이 중요한데, 순서를 바꾸면 이미 만들어 놓은 엔티티의 앞글자가 다시 인코딩돼 이중으로 망가지기 때문입니다. 한글이나 이모지는 건드리지 않고 그대로 둡니다.

디코딩 방향은 훨씬 넓게 받습니다. 브라우저 자체의 해석기를 빌려 쓰기 때문에 이름이 붙은 엔티티든, 십진수 표기든, 십육진수 표기든 브라우저가 아는 것이라면 모두 원래 글자로 되돌립니다. 이때 화면에 붙여 그리는 방식이 아니라 값만 꺼내 오는 방식이라 입력에 스크립트 태그가 섞여 있어도 실행되지 않아요. 변환은 타이핑과 동시에 이뤄지고 서버로는 아무것도 보내지 않습니다.

사용 방법

  1. 위쪽 버튼에서 인코딩디코딩 중 방향을 정합니다.
  2. 아래 칸에 원본을 붙여넣습니다. 방향에 따라 라벨과 예시 문구가 바뀝니다.
  3. 결과 칸에 변환된 문자열이 곧바로 나타납니다.
  4. 결과 복사로 클립보드에 담고, 지우기로 두 칸을 한 번에 비웁니다.

궁금한 사항 있으신가요?