공부하는 반백수

자유로운 삶을 위한 준비 ☆


IT·인터넷/html·css·js

HTML 자주 사용하는 특수문자 코드표

자유로운 수짱 2020. 7. 30. 18:17

HTML 에는 예약 문자라는 것이 있기 때문에 특수문자를 그대로 표시할 수 없는 경우가 있습니다. 때문에 숫자코드나 문자코드로 입력해주어야 합니다. 

또한 키보드로 직접 입력할 수 없는 문자를 기술하기 위해서 문자 또는 숫자코드가 사용됩니다.

 

예를 들어 코드 편집창에서 html을 작성할 때 < 는 html에서 열림 태그로 사용되기 때문에(예약되어 있기 때문에) 작성 시 열림 태그로 인식하게 됩니다. 브라우저상의 결과 페이지에 < 가 표시되기 위해서는 문자코드인 &lt; 또는 숫자코드인 &#60; 을 기재해야 합니다.

브라우저가 모든 문자코드를 지원하지는 않지만 모든 숫자코드는 지원합니다.

 

특수문자는 막상 사용해야 할 때 기억나지 않아서 블로그에 포스팅해두고 찾아쓰자 하는 마음으로 정리해보았습니다.

특수기호 숫자코드 문자코드 설명
  &#160; &nbsp; 공백, 스페이스
· &#8729;   작은 점
± &#177; &plusmn; 더하기 빼기
&#8211; &ndash; n 문자폭 대시
&#8212; &mdash; m 문자폭 대시
&#8364; &euro; 유로
&#163; &pound; 파운드
&#165; &yen; 엔화
&#162; &cent; 센트
&#8361;  
© &#169; &copy; 저작권
® &#174; &reg; 등록 상표
&#8371;   음원 저작권
&#8382; &trade; 등록 상표
² &#178; &sup2; 2제곱
³ &#179; &sup3; 3제곱
! &#33;   느낌표
" &#34; &quot; 큰따옴표
# &#35;   우물정
$ &#36;   달러
% &#37;   퍼센트
& &#38; &amp; 엠퍼센트, 그리고
' &#39; &apos; 작은 따옴표
( &#40;   왼쪽 괄호
) &#41;   오른쪽 괄호
* &#42;   별표
+ &#43;   더하기
, &#44;   쉼표
- &#45;   빼기
. &#46;   마침표
/ &#47;   슬러쉬
0 &#48;   숫자
1 &#49;   숫자
2 &#50;   숫자
3 &#51;   숫자
4 &#52;   숫자
5 &#53;   숫자
6 &#54;   숫자
7 &#55;   숫자
8 &#56;   숫자
9 &#57;   숫자
: &#58;   콜론
; &#59;   세미콜로
< &#60; &lt; 이하
= &#61;   등호, 같음
> &#62; &gt; 이상
? &#63;   물음표
@ &#64;   엣사인, 골뱅이
[ &#91;   왼쪽 대괄호
&#92;   백슬러시
] &#93;   오른쪽 대괄호
&#94;   캐럿, 곡절
_ &#95;   밑줄, 언더라인
&#96;   강조, 엑센트
{ &#123;   왼쪽 중괄호
| &#124;   수직 막대
} &#125;   오른쪽 중괄호
~ &#126;   물결
&#9001; &lang; 왼쪽 앵글
&#9002; &rang; 오른쪽 앵글
&#9674; &loz; 마름모
&#9824; &spades; 스페이드
&#9827; &clubs; 클로버
&#9829; &hearts; 하트
&#9830; &diams; 다이아몬드

 

[참고] https://www.w3schools.com/html/html_entities.asp