[HTML] 이스케이프 문자 작성표

728x90

목 차

• 1. 왜 html 이스케이프 문자가 필요한가?
• 2. 이스케이프 문자 작성법
• 3. 이스케이프 문자 목록
• 3-1. 기본 특수 문자
• 3-2. 공백 및 레이아웃
• 3-3. 문장 부호
• 3-4. 화폐 기호
• 3-5. 수학 기호
• 3-6. 화살표 기호
• 3-7. 기타 기호
• 3-8. 유니코드 문자 포함

반응형

 

1. 왜 html 이스케이프 문자가 필요한가?

• HTML은 구조화된 마크업 언어이기 때문에 특정 문자가 HTML 태그로 해석될 수 있습니다.
• 특수 문자를 안전하게 출력하려면 이스케이프 문자가 필요합니다.

 

2. 이스케이프 문자 작성법

• named Entities (이름 엔티티) : 특정 이름으로 정의된 엔티티를 사용합니다.
• numeric Entities (숫자 엔티티) : 특정 문자의 유니코드 값을 10진수로 나타냅니다.
• haxadecimal Entities (16진수 엔티티) : 특정 문자의 유니코드 값을 16진수로 나타냅니다.

 

3. 이스케이프 문자 목록

3-1. 기본 특수 문자

문자	설명	named Entities	numeric Entities	hex Entities
<	Less-than	&lt;	&#60;	&#x3C;
>	Greater-than	&gt;	&#62;	&#x3E;
&	Ampersand	&amp;	&#38;	&#x26;
"	Double quote	&quot;	&#34;	&#x22;
'	Single quote	&apos;	&#39;	&#x27;
/	Slash	없음	&#47;	&#x2F;

 

3-2. 공백 및 레이아웃

문자	설명	named Entities	numeric Entities	hex Entities
	Non-breaking space	 	 	 
	En space	 	 	 
	Em space	 	 	 
	Thin space	 	 	 
​	Zero width space	없음	​	​

 

3-3. 문장 부호

문자	설명	named Entities	numeric Entities	hex Entities
©	Copyright	©	©	©
®	Registered	®	®	®
™	Trademark	™	™	™
§	Section sign	§	§	§
°	Degree	°	°	°

 

3-4. 화폐 기호

문자	설명	named Entities	numeric Entities	hex Entities
$	Dollar	없음	$	$
¢	Cent	¢	¢	¢
£	Pound	£	£	£
¥	Yen	¥	¥	¥
€	Euro	€	€	€

 

3-5. 수학 기호

문자	설명	named Entities	numeric Entities	hex Entities
+	Plus	없음	+	+
-	Minus	−	−	−
×	Multiplication	×	×	×
÷	Division	÷	÷	÷
±	Plus-minus	±	±	±
√	Square root	√	√	√
∞	Infinity	∞	∞	∞
≤	Less than or equal to	≤	≤	≤
≥	Greater than or equal to	≥	≥	≥

 

3-6. 화살표 기호

문자	설명	named Entities	numeric Entities	hex Entities
←	Left arrow	←	←	←
↑	Up arrow	↑	↑	↑
→	Right arrow	→	→	→
↓	Down arrow	↓	↓	↓
↔	Left-right arrow	↔	↔	↔

 

3-7. 기타 기호

문자	설명	named Entities	numeric Entities	hex Entities
♠	Spade	♠	♠	♠
♣	Club	♣	♣	♣
♥	Heart	♥	♥	♥
♦	Diamond	♦	♦	♦
•	Bullet	•	•	•
…	Ellipsis	…	…	…

 

3-8. 유니코드 문자 포함

문자	설명	numeric Entities	hex Entities
😀	Grinning Face	😀	😀
🔥	Fire	🔥	🔥
❤	Heart	❤	❤