[CSS] HTML에서 자주 쓰이는 특수문자 표로 정리( < , > , 공백, 큰따옴표)

HTML작성시 특수문자 처리 하는 방법에 대해 알아보자.

필자는 VS Code라는 프로그램을 사용하여 HTML로 블로그 글을 다 적은후 티스토리 HTML에 붙혀넣기 하여 블로그를 작성한다.

평소에는 별 문제가 없지만 특수문자를 적을때 HTML소스코드의 한부분으로 인식할때가 종종 있다.

그래서 특수문자는 따로 치환해서 표시를 해줘야 하는데 우선 자주쓰는 몇몇 특수문자부터 알아보자.

코드	특수 문자	코드	특수 문자	코드	특수 문자	코드	특수 문자
&lt;	<	&gt;	>	&#40;	(	&#41;	)
&nbsp;	[공백]	&quot;	"	&#47;	/	&amp;	&

※ 보통 제일 문제가 생기는 부분이 <, >이다 나머지는 문제가 생길때도 있고 안생길때도 있다.

※ &nbsp;(공백)은 어디서든 글을쓰다보면 HTML코드에 마구잡이로 생길때가 많다. 한번쯤은 봤을것이다.

※ 저 코드의 정확한 이름은 ASCII CODE(아스키 코드)이다.

옛날에 쓰던 128가지 통신용 코드표를 현재는 256개까지 확장되어 쓰이고 있다.

※ 아래표는 필자가 자주 쓸만한 특수문자만 표로 만들었고 전체를 다 보고 싶으면 아래 사이트에서 확인가능하다.

ASCII table - Table of ASCII codes, characters and symbols

특수문자 ASCII CODE표 (내가 쓸만한것)

번호	특수문자	HTML (Number)	HTML (Name)	설명
0~32	통신용 코드이다. HTML에서 사용될일이 거의 없을것이다. ※ 10번은 엔터값으로 사용한다. ※ 32번은 스페이스값인데 160번 스페이스를 사용하지 32번을 사용하진 않는다.
33	!	!	!	느낌표
34	"	"	"	큰따옴표
38	&	&	&	Ampersand
39	'	'	'	작은 따옴표
40	(	(	&lparen;	왼쪽 괄호
41	)	)	&rparen;	오른쪽 괄호
47	/	/	/	슬러쉬
48~57	0 ~ 9 까지
59	;	&#59;	;	세미콜론
60	<	&#60;	&#lt;	보다 작은(Less than)
62	>	&#62;	&#gt;	보다 큰(Greater than)
64	@	&#64;	&#commat;	골뱅이(At sign)
65~90	대문자 A부터 Z까지
95	_	&#95;	&#lowbar;	언더바
97~122	소문자 a부터 z까지
123	{	&#123;	&#lcub;	왼쪽 중괄호(Opening brace)
124	|	&#124;	&#verbar;	세로선(Vertical bar)
125	}	&#125;	&#rcub;	오른쪽 중괄호(Closing brace)
145~148	왼쪽,오른쪽 큰따옴표 작은따옴표가 따로 있었다..(그냥 하나로 쓰자아..)
160		&#160;	&#nbsp;	공백 (스페이스)

※ 필자는 대충 평소 사용하는게 이정도이고 홈페이지에 가보면 다른 특수문자들도 많다. (©나 †, ½ 등등)

※ 숫자보단 약어로 외워두면 편한데 약어도 은근히 헷갈린다.

관련글

날다의 운영환경
본체	DeskTop
O S	Windows11 Pro
Browser	Google Chrome