[HTML/CSS] Entity Code (엔티티코드)

안녕하세요. 연이입니다!

 

음 엔티티 코드는 우리가 일반적으로 한글이나 워드에서 사용하는 특수기호 들을 웹에 표현(나타나게) 하기 위해서는

일반적으로 작성하기보다 엔티티 코드를 활용해서 사용하는 것이 바람직합니다!

 

 

이유는, 웹 코딩을 진행하면서 <> 괄호나 [] 괄호 혹은 ''과 "" 들은 웹에서도 일상적으로 사용되는 기호이기도 하고,

이를 그대로 쓰게 될 경우 자칫 코드가 꼬일 수 있기 때문이죠!

 

엔티티 코드에 대해서는 아래의 엔티티 코드를 알려주는 사이트를 참고하면 좋을 거 같습니다!

 

 

entitycode.com/

Entity Code - A Clear and Quick Reference to HTML Entities Codes

위의 사이트에 내용을 다음과 같이 가져왔으니 잘 확인하셔서 사용하시길 바랍니다!

 

표시문자	Entity Code	Entity Number	의미
©	©	©	카피라이트
	 	 	1칸 공백
&	&	&	앤드
"	"	"	인용부호
®	®	®	등록상호
™	™	™	트레이드마크
“	“	“	큰 따옴표 열기
”	”	”	큰 따옴표 닫기
‘	‘	‘	작은 따옴표 열기
’	’	’	작은 따옴표 닫기
«	«	«	이중 꺽쇠 열기
»	»	»	이중 꺽쇠 닫기
‹	‹	‹	단일 꺽쇠 열기
›	›	&#›;	단일 꺽쇠 닫기
§	§	¶	섹션 기호
¶	¶	¶	단락 기호
•	•	•	큰 목록 점
·	·	·	중간 목록 점
…	…	…	가로 줄임표
|		|	수직선
¦	¦	¦	나뉜 수직선
–	–	–	대시
—	—	—	대시
¤	¤	¤	현재환율
$		$	달러
¢	¢	¢	센트
£	£	£	파운드화
¥	¥	¥	엔화
€	€	€	유로화
<	&lt;	&#60;	보다 작은
>	&gt;	&#62;	보다 큰
×	&times;	&#215;	곱셈
÷	&divide;	&#247;	나눗셈
−	&minus;	&#8722;	뺄셈
±	&plusmn;	&#177;	플러스마이너스
≠	&ne;	&#8800;	부등호
²	&sup2;	&#178;	제곱
³	&sup3;	&#179;	세제곱
‰	&permil;	&#8240;	퍼밀
°	&deg;	&#176;	온도
∞	&infin;	&#8734;	무한대
←	&larr;	&#8592;	왼쪽 화살표
↑	&uarr;	&#8593;	위쪽 화살표
→	&rarr;	&#8594;	오른쪽 화살표
↓	&darr;	&#8595;	아래쪽 화살표
↔	&harr;	&#8596;	양방향 화살표
↵	&crarr;	&#8629;	줄바꿈 화살표
♠	&spades;	&#9824;	스페이드
♣	&clubs;	&#9827;	클로버
♥	&hearts;	&#9829;	하트
♦	&diams;	&#9830;	다이아몬드
◊	&loz;	&#9674;	마름모
†	&dagger;	&#8224;	대거
‡	&Dagger;	&#8225;	더블 대거
¡	&iexcl;	&#161;	역 느낌표
¿	&iquest;	&#191;	역 물음표

 

이렇게 정리하고 보니까 나름 뿌듯한 느낌도 받네요!!

 

아무튼 위에 엔티티 코드를 작성해도, 엔티티 숫자를 작성해도 왼쪽의 기호가 나오게 되니,

유용하게 사용하시길 바랄게요!!

(제가 자주 사용하겠지만요 ㅠㅠ)