따뜻한센드의 놀이터

HTML 문서에서는 한글과, 영문, 숫자 등 사용자가 키보드로 입력할 수 있는 텍스트를 화면에 보여 주지만 키보드에 없는 별표 같은 특수 문자를 입력해야 할때도 있습니다. 또한 HTML 문서의 특성상 여러 개의 공백을 입력해도 한 칸의 공백으로만 인식이 되며 따옴표를 화면에 표시하면 속성 값의 따옴표처럼 인식하므로 특수 기호를 사용해야만 합니다. 저와 함께 HTML 특수 문자 사용과 특수 기호를 사용하는 방법을 알아 보겠습니다.


1. 특수 문자 사용하기


HTML에서 특수 문자를 사용하려면 한글 자음을 하나 누룬 후 한자키를 입력하면 특수 문자를 선택할 수 있는 창이 뜹니다. 원하는 특수 문자를 선택하면 됩니다. 저는 검정 별표를 선택하였습니다. 참고로 한글 자음 마다 특수 문자는 다릅니다.


2. 특수 기호 사용하기

HTML 문서의 특성상 여러 개의 공백은 한칸의 공백으로 인식되며 따옴표는 HTML 속성 값에서 사용하는 따옴표로 인식되고 꺽쇠(<)는 태그로 인식하므로 잘못된 결과값이 표시됩니다. 이럴 경우는 특수 기호를 사용하면 됩니다. 특수 기호의 종류는 다음과 같습니다.

TIP

특수 기호 표시 형식은 &로 시작하여, 엔티티이름 혹은 #엔티티번호 그리고 세미콜론(;)으로 끝납니다. 엔티티의 이름은 대소문자를 구분합니다.
사용 예 - &[엔티티명][#엔티티번호];

HTML 엔티티는 HTML에서 특정 캐릭터들이 예약되어있기 때문에 표기의 혼란을 막기 위해서 사용하는 것입니다. 즉 마크업과 충돌을 막기 위해서 사용합니다.


특수 기호의 종류는 위의 그림외에 매우 다양한 종류가 있습니다. HTML 문서에서 많이 사용하는 특수 기호는 공백 한 칸을 표시하는 &nbsp; 일 것입니다. 이것으로 HTML 특수 문자 특수 기호 사용하기 HTML5를 마치겠습니다. 긴 글 읽어주셔서 감사합니다.


이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band