HTML 특수문자 코드표

HTML 특수문자 코드표


■ 웹 문서를 작성할 때 키보드에 없는 특수문자를 입력하기 위해서는 우리가 일반적으로 사용하는 방법인 ['ㅁ'+한자]를 눌러서 입력하면 됩니다. 이 글에서는 '특수문자'와 '특수기호'를 구분해서 정리할텐데요. 특수문자는 '하트'나 '사각형' 등의 도형이라고 생각하시면 되고요. 


■ 흔이 HTML에서 사용하는 기호 (", /, <, >)를 입력할 때 키보드에서 쉽게 입력할 수 있지만, HTML 문서에서 사용하는 태그(< >) 등의 기호로 인식해버리기 때문에 따로 입력해줘야 하는 기호를 특수기호라고 합니다.


 먼저 특수문자 입력하는 과정부터 살펴보겠습니다. 

▲ 이런 특수 문자 입력 많이 해보셨죠? HTML 문서에서도 똑같이 입력하시면 됩니다. 


 다음은 특수기호인데요. HTML 문서에서 <,> 또는 " ", ( , ) 등은 모두 HTML 기호로 인식을 하기 때문에 이것들을 표현하기 위해서는 다음과 같은 특수기호를 입력해줘야 합니다. 


 화면에 표시되는 모양

 HTML 문서에 입력하는 특수기호

 < (태그 왼쪽)

 &lt;

 > (태그 오른쪽)

 &gt;

 " (큰 따옴표)

 &quot; 

 ' (작은 따옴표)

 &acute;

 - (대시)

 &#45;

 , (쉼표)

 &#44;

 ( 왼쪽 소괄호   

 &#40;

 ) 오른쪽 소괄호

 &#41; 

 \ 

 &#124; 

 공백 

 &#nbsp; 

 &

 &amp; 


■ 대충 보시면 왜 이런 특수기호를 사용해야 하는지 아시겠죠? 이것들은 모두 HTML 문법에 사용되는 것들이라서 브라우저가 문법적인 요소로 인식하지 않고, 순수하게 기호로 인식하게 하기 위해서 이런 특수기호를 입력해줘야 합니다. 


 이렇게 해서 HTML 특수문자와 특수기호에 대해서 알아봤습니다. 수고하셨어요.