HTML 엔티티(Entity) 인코딩(Encoding)

HTML 엔티티(Entity) 인코딩(Encoding)

• HTML 엔티티 인코딩 은 HTML 문서에서 특수 문자를 안전하게 표현하기 위해 사용됩니다.
• 문자가 HTML 파서에 의해 잘못 해석되지 않도록 기호 를 특정 코드로 변환합니다. 이를 HTML 엔티티(Entity) 라고 합니다.

---

주요 HTML 엔티티 코드 예시

문자	설명	HTML 엔티티
&	앰퍼샌드	&
<	꺾쇠열림	&lt;
>	꺾쇠닫힘	&gt;
"	큰따옴표	&quot;
'	작은따옴표	&#39;
©	저작권 기호	&copy;
®	등록 상표	&reg;
€	유로 기호	&euro;
	공백(스페이스)	&nbsp;

---

사용 방법

1. HTML 코드 내 특수 문자 표현

   <p>3 &lt; 5 &amp; 7 &gt; 4</p>
   

   출력 결과:
   3 < 5 & 7 > 4

2. 공백 유지 (Non-breaking space)
    를 사용하여 여러 공백을 표현합니다.

   <p>안녕하세요&nbsp;&nbsp;&nbsp;세계!</p>
   

   출력 결과:
   안녕하세요 세계!

3. 큰따옴표와 작은따옴표 사용

   <p title="Hello &quot;World&quot;">툴팁</p>
   

---

HTML 엔티티 인코딩의 필요성

• 보안: 사용자 입력값에 <> 기호를 포함한 경우 XSS 공격 방지.
• 문자 충돌 방지: & 기호나 < 기호가 HTML 코드로 오인되는 문제 방지.
• HTML 표준 준수: 특수 문자를 올바르게 처리해 모든 브라우저에서 호환성을 보장.

---

인코딩 자동화 도구

• 온라인 도구: HTML Entity Encoder/Decoder
• 프로그래밍 언어: Python, JavaScript 등의 언어에서 문자열 인코딩을 자동화 가능
  • 예시: Python에서 html.escape()

import html

text = '3 < 5 & "Hello"'
encoded_text = html.escape(text)
print(encoded_text)

출력 결과:
3 < 5 & "Hello"

---

• 다음 싸이트에서 인코딩/디코딩 테스트 가능합니다.
  • https://gist.github.com/j2doll/65d73583faee12f8eee998c7c8125a1c

view raw HTML.Entity.Encoding.ko.md hosted with ❤ by GitHub