[HTML] 특수문자 처리 방법

HTML5 문서는 일반적인 워드 문서와 다르게 특수문자나 키보드 입력값을 그대로 출력할 수 없다. 특히 <, >, & 같은 문자는 예약어로 사용하고 있어 문자가 아닌 태그로 인식하기 때문에 직접 입력할 경우 웹 브라우저는 오류로 인식한다.

 

특수문자나 키보드 입력값을 웹 브라우저에 출력하려면 특수이름 혹은 아스키코드 값을 사용하여 소스코드를 작성해야 한다. 다음 표는 특수문자와 키보드 입력값에 해당하는 특수이름과 아스키코드값을 나타낸 것이다.

특수문자/키보드	특수이름	아스키코드
<	&lt;	&#60;
>	&gt;	&#62;
#	&num;	&#35;
&	&amp;	&#38;
스페이스바(spacebar)	$nbsp;	&#160;

 

그런데 특수이름과 아스키코드는 일일이 기억하기 어렵기 때문에 보통 <pre> 태그를 사용한다. <pre> 태그는 공백, 특수문자, 줄 바꿈 등도 사용자가 입력한 그대로 화면에 표시한다.

<pre>
### 풀스택 개발자를 위한 웹 프로그래밍 ###

HTML5 & CSS3 & JavaScript & JQuery

      < 가격 : 35,000원 >
</pre>

 

출력 결과