자주쓰는 HTML 특수문자 코드표 정리

 

HTML 특수문자는 웹 개발에서 다양한 상황에서 사용되며, 문자 그대로 출력하기 어려운 기호나 예약어를 안전하게 표현할 때 주로 활용된다. 

1. 태그 충돌 방지
HTML에서 <, > 같은 기호는 태그로 인식되기 때문에, 텍스트로 출력하려면 특수문자 코드로 변환해야 한다.

<!-- 잘못된 예 -->
<p>if (a < b) { ... }</p> <!-- <b> 태그로 오해할 수 있음 -->

<!-- 올바른 예 -->
<p>if (a &lt; b) { ... }</p>

2. 기호 출력
웹 페이지에서 ©, ®, ™, ¥, € 같은 기호를 정확하게 표시할 때 사용한다

<p>&copy; 2025 MyCompany</p>
<p>가격: &yen;1,000</p>

3. 수식/논리 표현
프로그래밍 코드, 수학 수식, 논리 표현 등에서 기호를 명확하게 보여주기 위해 사용된다

<p>x &gt; y 인 경우 조건을 만족합니다.</p>

4. UI 시각 요소
화살표(→, ←), 특수 기호 등을 버튼이나 UI 텍스트에 시각적으로 표현할 때도 자주 사용한다

<button>다음 &rarr;</button>

5. 공백 처리

HTML에서는 연속된 공백이 무시되기 때문에, 강제 공백을 넣고 싶을 때 &nbsp;를 사용한다.

<p>이름:&nbsp;&nbsp;홍길동</p>

 

* 자주쓰는 특수문자 코드표

표현문자	숫자표현	문자표현	설명
"	"	"	따옴표
&	&	&	Ampersand
(	(	-	왼쪽 괄호
)	)	-	오른쪽 괄호
-	-	-	Hyphen
:	:	-	콜론
<	&#60;	&lt;	보다 작은
>	&#62;	&gt;	보다 큰
@	&#64;	-	Commercial at
[	&#91;	-	왼쪽 대괄호
\	&#92;	-	역슬래쉬
]	&#93;	-	오른쪽 대괄호
space	&#160;	&nbsp;	Non-breaking space
ⓒ	&#169;	&copy;	저작권
®	&#174;	&reg;	등록상표
°	&#176;	&deg;	Degree sign
·	&#183;	&middot;	Middle dot

 

참조 : https://www.ascii-code.com/