HTML 의 특수 코드 정리

HTML 코드를 작성하다 보면 꺽쇠(부등호)를 화면에 출력하기 원할 때가 있습니다. 

그런데 이(꺽쇠)는 HTML 태그의 시작과 끝을 나타내는 특수 문자(Entity Name)여서 이를 그대로 작성하게 되면 HTML요소로 인식해버려 화면에 출력이 제대로되지 않습니다. 공백 또한 마찬가지입니다. HTML은 길게 연속된 공백 문자를 하나의 공백 문자로 인식하기 때문입니다.

꺽쇠(부등호)등을 화면에 출력하기 원할때 참조 하세요~

특수코드 값	실제 표현	뜻 / 용도
&lt;	< (부등호 꺽쇠)	오른쪽으로 열린 부등호.  수식에서 A < B 와 같은 형태로 사용.  HTML 코드에서 모든 태그의 시작 기호.
&gt;	> (부등호 꺽쇠)	왼쪽으로 열린 부등호.  수식에서 A > B 와 같은 형태로 사용.  HTML 코드에서 모든 태그의 끝 기호.
&nbsp;	' ' (공백, Space 한칸)	공백 문자 한칸을 의미.  연속하여 쓰면 여러 공백 문자를 삽입할 수 있음.
&amp;	& (앰퍼샌드)	앰퍼샌드(Ampersand) 라 불리며 & 문자를 뜻함.  AND 라는 의미를 포함하여 javascript나 java 등에서 AND 연산 기호로 사용되기도 함.  & 문자를 화면에 출력하고 싶으면 &amp; 를 사용.
&quot;	" (큰따옴표 하나)	쌍따옴표는 HTML에서 특정 속성 값들을 묶기 위한 용도로 사용되기 때문에 쌍따옴표를 화면에 출력하려면 &quot;를 사용.   (Ex. <a href="javascript:test("hello");return false;">테스트 링크</a> 와 같이 사용 시, href 속성 안에 또다른 따옴표가 존재하므로 문제가 발생. HTML 파싱 시, test(" 의 따옴표가 href=" 시작 따옴표와 쌍을 이룬다고 판단하여 오류 발생.  이럴때 <a href="javascript:test(&quot;hello&quot;);return false;"> 사용. 또는 <a href="javascript:test(\"hello\");return false;">와 같은 형태도 사용 가능함.)