HTML 이스케이프 무료 온라인: HTML 엔티티 인코딩 디코딩 즉시
186 회 사용HTML 엔티티 참조
| 문자 | 엔티티 이름 | 엔티티 번호 | 설명 |
|---|---|---|---|
| < | < | < | 작음, 태그 열기 |
| > | > | > | 큼, 태그 닫기 |
| & | & | & | 앰퍼샌드, 엔티티 시작 |
| " | " | " | 큰따옴표, 속성 구분자 |
| ' | ' | ' | 작은따옴표, 속성 구분자 |
|   | 줄바꿈 없는 공백 | |
| © | © | © | 저작권 기호 |
| ® | ® | ® | 등록 상표 |
HTML 엔티티 팁
HTML 문자 이스케이프
<를 <, >를 >, &를 &, "를 "로 변환합니다. HTML 코드를 브라우저가 해석하지 않고 텍스트로 표시하는 데 필수입니다.
XSS 방지
HTML 이스케이프는 웹 보안의 기본입니다. 사용자 입력 콘텐츠를 표시할 때 XSS(크로스 사이트 스크립팅) 공격을 방지합니다.
엔티티 참조 표
자주 사용되는 HTML 문자와 이름/숫자 엔티티가 정리된 참조 표를 확인하세요.
자주 묻는 질문
HTML 이스케이프란?
HTML 이스케이프는 <, >, &, " 같은 특수문자를 HTML 엔티티(<, >, &, ")로 변환합니다. 브라우저가 코드로 해석하지 않고 텍스트로 표시합니다.
보안에 왜 중요한가요?
XSS(크로스 사이트 스크립팅) 공격을 방지합니다. 이스케이프 없이 사용자 텍스트를 표시하면 공격자가 악성 JavaScript를 삽입할 수 있습니다.
HTML 엔티티란?
특수문자를 나타내는 코드입니다: <는 <, &는 &, ©는 ©. 이름 형식(&)이나 숫자 형식(&)이 있습니다.
HTML 이스케이프가 모든 XSS 공격을 막을 수 있나요?
단독으로는 불가능합니다. 이스케이프는 출력 컨텍스트를 처리하지만 XSS는 JavaScript 실행, CSS 인젝션, 속성 기반 공격으로도 발생합니다. 적절한 Content Security Policy 헤더와 입력 검증도 필요합니다. 이스케이프는 하나의 계층일 뿐 만능 해결책이 아닙니다. 인라인 스크립트를 차단하는 CSP와 함께 사용하세요.
꺾쇠괄호만 이스케이프하고 다른 문자는 그대로 둘 수 있는 방법이 있나요?
이 도구는 선택적 이스케이프를 지원하지 않습니다. 그럴 만한 이유가 있어요. 부분 이스케이프는 공격자가 악용할 수 있는 틈을 남깁니다. <와 >만 이스케이프하고 &는 그대로 둔다고 가정해 보세요. 사용자가 <script>를 입력하면 데이터베이스가 이중 인코딩할 경우 실제 태그로 렌더링될 수 있습니다. 전체 이스케이프를 한 번 실행한 후 출력을 신뢰하세요. 이상한 예외 상황을 피할 수 있습니다.
이미 이스케이프된 HTML을 이스케이프 입력란에 붙여넣으면 어떻게 되나요?
도구가 다시 이스케이프 처리하여 `&`가 `&amp;`로 바뀝니다. 보통 원하는 결과가 아닙니다. 입력이 엔티티가 아닌 원시 HTML 문자인지 항상 확인하세요. 확실하지 않으면 작은 샘플을 먼저 붙여넣고 출력을 살펴보십시오. CMS에서 이미 한 번 이스케이프된 텍스트를 가져올 때 이 실수가 자주 발생합니다.
JavaScript의 <code>innerHTML</code>로 텍스트를 삽입하면 브라우저가 원시 HTML 태그를 표시하는 이유는 무엇인가요?
<code>innerHTML</code>에 <code><</code>나 <code>></code> 같은 원시 문자를 전달하면 브라우저가 이를 마크업으로 해석합니다. 먼저 HTML 이스케이프를 적용하세요. <code><</code>는 <code><</code>로, <code>></code>는 <code>></code>로 변환됩니다. 이스케이프된 문자열을 <code>innerHTML</code>에 할당하면 태그가 문자 그대로 표시됩니다. 이 단계를 건너뛰면 레이아웃이 깨지거나 XSS 취약점이 생깁니다.
HTML 이스케이프 사용 방법
- 입력 필드에 텍스트나 HTML 코드를 붙여넣으세요
- 이스케이프를 클릭하면 특수문자가 엔티티로 변환됩니다
- 언이스케이프를 클릭하면 엔티티가 문자로 변환됩니다
- 미리보기로 HTML 렌더링을 확인하세요
- HTML 엔티티 참조 표를 확인하세요