본문으로 건너뛰기
Toolars
둘러보기
버그 신고

개발자 · 로컬 유틸리티

HTML 인코딩 / 디코딩

HTML Encoder / Decoder

마크업을 깨는 다섯 문자를 이스케이프하거나 명명·숫자 엔티티를 텍스트로 되돌립니다. 한 번 클릭으로 왕복 검증, 로컬 처리.

작업 경로 / 입력에서 결과까지

「인코딩」 또는 「디코딩」 고르기

로컬에서 실행 · 업로드 없음

HTML 인코딩 / 디코딩 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

HTML 엔티티를 인코딩하고 디코딩하는 방법

  1. 01

    「인코딩」 또는 「디코딩」 고르기

    모드 탭에서 방향을 고르세요. 「인코딩」은 마크업을 문서에 붙여넣을 수 있는 표시용 텍스트로 바꾸고, 「디코딩」은 문자 참조를 읽을 수 있는 실제 문자로 되돌려요. 두 창의 레이블이 항상 어느 방향이 활성인지 보여 줍니다.

  2. 02

    내용 붙여넣기

    인코딩할 때는 「HTML 또는 일반 텍스트」 필드를, 디코딩할 때는 「HTML 엔티티」 필드를 사용하세요. 결과는 입력에 따라 실시간으로 갱신되고, 「샘플 불러오기」로 태그와 이모지 참조가 든 작은 왕복 예시를 볼 수 있습니다.

  3. 03

    결과 확인하기

    인코딩은 마크업을 깨는 다섯 문자만 이스케이프합니다. &, <, >, ", '가 각각 &amp;, &lt;, &gt;, &quot;, &#39;로 바뀌어요. 디코딩은 브라우저 자체 파서를 통해 이름 지정·숫자 문자 참조를 풀어내요. 나머지 텍스트는 그대로 통과하므로 &lt;strong&gt; 같은 조각은 디코딩하면 진짜 태그로 돌아와요.

  4. 04

    「바꾸기」로 왕복하기

    「바꾸기」는 출력을 반대 모드가 선택된 입력으로 되돌리므로, 조각을 인코딩하고 바꾼 다음 다시 디코딩해 텍스트가 왕복필 때 변하지 않는지 확인할 수 있습니다. 창 레이블은 모드와 함께 바뀌므로 현재 방향이 항상 보여요.

  5. 05

    복사 또는 다운로드

    「결과 복사」는 출력을 클립보드로 보내고, 「.txt 다운로드」는 toolars-html-entities.txt로 저장해 동료에게 건네거나 티켓에 첨부할 때 쓸 수 있습니다. 「지우기」를 누르면 두 창이 비워져 다음 조각으로 넘어가요.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

HTML 인코딩 / 디코딩 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

HTML 인코딩 / 디코딩 도구가 실제로 하는 일

튜토리얼에서 브라우저가 태그를 삼키지 않고 마크업을 보여 줘야 하고, CMS 출력 결과는 &amp;와 &#39; 투성이라 누군가 읽어야 하고, 템플릿은 속성 값의 날것의 따옴표 때문에 계속 깨져요. HTML 인코딩 / 디코딩은 두 방향을 모두 로컬에서 처리하고, 「바꾸기」 버튼 덕분에 왕복 확인이 두 번의 클릭이면 끝나요. 저장된 출력 결과를 브라우저가 파싱하면 어떻게 보일지 확인하는 가장 빠른 방법이기도 합니다. 초안 콘텐츠와 미공개 페이지가 탭 밖으로 나가지 않고, 결과 앞에 계정이 가로막지도 않습니다.

자주 묻는 질문

「인코딩」은 어떤 문자를 이스케이프하나요?
정확히 다섯 개입니다. &, <, >, 큰따옴표, 작은따옴표가 각각 &amp;, &lt;, &gt;, &quot;, &#39;가 됩니다. 나머지는 입력 그대로 남아 있어서 일반 텍스트는 인코딩된 출력에서도 읽을 수 있고, 바뀌는 것은 마크업이나 속성을 깰 문자뿐입니다.
「디코딩」은 어떤 엔티티를 풀 수 있나요?
브라우저 HTML 파서로 &amp; 같은 이름 참조, &#38; 같은 10진수 참조, &#x26; 같은 16진수 참조를 디코딩합니다. 알 수 없는 참조는 문자 그대로 남습니다. 일부 이름 참조는 끝 세미콜론이 없어도 디코딩되므로, 세미콜론을 빼면 원문이 유지된다고 가정하면 안 됩니다.
인코딩이 HTML 살균과 같은 건가요?
아니에요. 인코딩은 마크업이 텍스트로 표시되도록 다섯 문자를 이스케이프할 뿐입니다. 보안 필터가 아니라 튜토리얼, 문서, 코드 예시를 위한 표현 단계입니다. 사용자 콘텐츠를 실제로 렌더링할 때 인코딩된 출력을 진짜 살균 정책의 대체품으로 취급하지 마세요.
아포스트로피가 &apos;가 아니라 &#39;가 되는 이유는요?
인코더는 숫자 참조 &#39;를 사용합니다. 이 참조는 HTML과 XHTML 맥락 모두에서 모든 HTML 파서가 받아들여요. 브라우저 자체 파서를 포함해 표준을 따르는 어떤 파서에서도 일반 아포스트로피로 돌아와요.
엔티티가 없는 텍스트를 디코딩하면 어떻게 되나요?
그대로 돌아와요. 디코딩은 인식한 문자 참조만 다시 쓰므로 일반 텍스트는 그대로 통과합니다. 엔티티가 있는지 알 수 없는 내용도 안심하고 디코딩에 넣어 확인할 수 있습니다.
마크업이 어딘가에 업로드되나요?
아니에요. 두 방향 모두 현재 브라우저 탭 안에서만 실행되고, 입력이 전송되거나 보관되지 않으며 계정도 필요 없습니다.

개발자 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

코드 → 이미지 변환

Code to Image Converter

여섯 가지 언어의 코드를 구문 강조해 밝은·어두운 테마, 줄번호, 창 제목, 1x/2x 배율로 PNG나 SVG로 내보냅니다.

생성

URL 슬러그 생성기

URL Slug Generator

제목을 하이픈·밑줄 슬러그로 입력하는 즉시 변환합니다. 악센트는 제거하고 앰퍼샌드는 확장하며 비라틴 문자는 보존합니다.

생성

React Native 그림자 생성기

React Native Shadow Generator

React Native의 기존 그림자와 boxShadow를 비교하고 플랫폼 제한을 확인한 뒤 스타일을 복사하세요.

생성

Base64 인코딩 / 디코딩

Base64 Encoder/Decoder

Unicode 텍스트 인코딩과 Base64 디코딩을 로컬에서 처리합니다. URL-safe 값도 지원합니다.

변환