IT & 디지털 미디어

HTML 엔티티 변환기

HTML 특수문자 변환 및 이스케이프 처리를 수행합니다.

한눈에 요약

HTML 특수문자 변환기를 사용하면 <, >, &, ", ' 등의 문자들을 HTML 엔티티(&lt;, &gt;, &amp;, &quot;, &apos;)로 안전하게 변환(이스케이프)하거나 반대로 원본 문자열로 복원(디코딩)할 수 있습니다.

실시간 자동 연산100% 브라우저 연산검토 완료

HTML 엔티티 변환기

실시간 연산

계산 결과
수치를 입력하면 실시간으로 계산됩니다.

계산 공식 및 예시

공식Encode: < → &lt;, > → &gt;, & → &amp;, " → &quot;, ' → &apos; / Decode: HTML Entity → Original Character
계산 예시입력값 '<h1>Hello & World!</h1>'을 이스케이프 변환하면 '&lt;h1&gt;Hello &amp; World!&lt;/h1&gt;'가 됩니다.

HTML 엔티티 변환기 사용 안내

HTML 엔티티 변환기는 웹 개발, 콘텐츠 작성, 보안 검증 시 문자열 내부의 HTML 특수문자를 안전하게 이스케이프(Escape)하거나, 반대로 디코딩(Decode)할 때 사용되는 도구입니다.

주요 기능 및 특징

  1. HTML 이스케이프 (인코딩)

    • HTML 예약 문자인 <, >, &, ", '를 식별하여 브라우저가 HTML 태그로 해석하지 않도록 안전한 엔티티 표기법으로 변환합니다.
    • XSS(Cross-Site Scripting) 취약점을 방지하고 사용자 입력값을 원본 형태 그대로 화면에 안전하게 출력하도록 돕습니다.
  2. HTML 언이스케이프 (디코딩)

    • &lt;, &gt;, &amp;, &#60;, &#x3C; 등의 HTML 엔티티 코드 문자열을 다시 사람이 읽기 쉬운 원본 특수문자로 복원합니다.
  3. 다양한 엔티티 표기 방식 지원

    • 이름 기반 (Named Entities): &lt;, &gt;, &amp; 등 높은 가독성을 제공하는 표준 이스케이프 방식입니다.
    • 10진수 숫자 (Decimal Entities): &#60;, &#38; 형태의 유니코드 10진수 코드포인트 표현 방식입니다.
    • 16진수 숫자 (Hexadecimal Entities): &#x3C;, &#x26; 형태의 유니코드 16진수 코드포인트 표현 방식입니다.

주요 HTML 특수문자 변환표

특수문자의미이름 기반 (Named)10진수 (Decimal)16진수 (Hex)
&Ampersand&amp;&#38;&#x26;
<Less Than&lt;&#60;&#x3C;
>Greater Than&gt;&#62;&#x3E;
"Double Quote&quot;&#34;&#x22;
'Single Quote&apos;&#39;&#x27;

사용 팁 및 유의사항

  • 보안 이스케이프: 웹 애플리케이션 화면에 사용자 입력 텍스트를 바인딩할 때, HTML 태그 및 스크립트 실행을 방지하기 위해 인코딩 모드를 활성화하세요.
  • 코드 블록 표기: Markdown이나 HTML 문서 내에서 코드 예시 태그(예: <h1>, <div>)를 텍스트로 보이고 싶을 때 필수적으로 활용할 수 있습니다.
최종 내용 검토일: 2026-08-13

Q&A

자주 묻는 질문

HTML 엔티티란 무엇인가요?

HTML 문서에서 예약된 특수문자(<, >, & 등)나 웹 브라우저에서 잘못 해석될 수 있는 문자를 안전하게 표시하기 위해 사용하는 문자 코드 표현식입니다.

HTML 이스케이프는 왜 필요한가요?

사용자가 입력한 텍스트를 웹 페이지에 그대로 출력할 경우 XSS(크로스 사이트 스크립팅) 공격 위험이 발생할 수 있습니다. 특수문자를 이스케이프 처리하면 브라우저가 이를 태그가 아닌 일반 텍스트로 인식하게 됩니다.

10진수 및 16진수 엔티티의 차이는 무엇인가요?

이름 기반 엔티티(&lt;)는 가독성이 뛰어난 표준 표기법이며, 10진수(&#60;)와 16진수(&#x3C;) 엔티티는 유니코드 포인트를 직접 지정하여 문자를 표현하는 방식입니다.