개념 및 지식 허브
HTML 특수 문자 엔티티 인코딩/디코딩 변환기
HTML 특수 문자 엔티티 인코딩/디코딩 변환기
본 도구는 100% 클라이언트 환경(브라우저)에서 작동합니다. 소스 코드, 토큰, 기밀 데이터가 외부 서버로 절대 전송되지 않습니다.
핵심 아키텍처 및 수학 공식
Reserved Character ➔ Ampersand (&) + Entity Name or Number + Semicolon (;)
For example, the less than sign `<` is reserved for opening HTML tags. To display it as visible text, it must be encoded as the entity `<`.
모범 사례 및 필수 지침
- Always Encode User Input: Failing to encode HTML characters in user submitted data (like blog comments) allows hackers to inject malicious `<script>` tags, causing catastrophic Cross Site Scripting (XSS) attacks.
- Use Named Entities for Readability: When writing raw HTML, use named entities (like `©`) instead of numeric entities (like `©`) so other developers can easily understand the code.
- Decode Before Database Storage: Generally, you should store raw, unencoded strings in your database, and only apply HTML entity encoding at the exact moment the data is rendered onto the frontend view.
자주 묻는 질문 (FAQ)
Why did my text disappear when I typed an angle bracket?
If you type `<script>` directly into an HTML document without encoding it, the browser's parser assumes it is an actual programmatic tag, hiding it from the visible text flow.
What is the difference between URI encoding and HTML encoding?
URI encoding (using `%20`) is used to make strings safe for URLs. HTML encoding (using `&`) is used to make strings safe to render inside an HTML DOM node.
Does React automatically encode entities?
Yes. Modern frameworks like React and Vue automatically sanitize and escape variables rendered in JSX/templates to prevent XSS, unless you explicitly force raw rendering (e.g., `dangerouslySetInnerHTML`).