HTML 코드를 화면에 표시하고 싶은데, 그 태그 자체가 특수문자로 변환을 해버려서 원하는 대로 나오지 않을때가 있다. 예를 들면 nbsp 태그같은 것이 글씨를 써놓으면 공백으로 바뀌어서 사라지는 경우이다. 문자 그대로 보여주는 방법 알아본다.
목차에서 핵심만 빠르게 보기
non-breaking space
>> 공백 태그이다. html 편집 모드에서 이 문자열이 입력되면 해당 위치는 스페이스 바 한번을 누른 것과 같은 공백 한 칸으로 치환된다.
이걸 글자 그대로 보이게 하고 싶으면 다음과 같은 방법이 필요하다.
&를 나타내는 특수문자인 & << 이걸 쓰고 뒤에는 nbsp; 문자열만 입력한다. 즉 &nbsp; 이렇게 입력하면 nbsp는 공백 태그로 작동하지 않고, 앞의 & 부분이 &로 치환되면서 결과창에는 라고 보이게 된다.
<> 태그 기호
다음은 어떤 태그를 설명할 때 예를 들어 <br> 이런 식으로 보여준다고 하자. 이 때 html 편집기에 넣으면 마찬가지로 줄바꿈이라는 HTML 태그 본연의 동작을 하게 된다.
이럴때는 앞뒤의 괄호 < , > 이 두개를 다른 태그를 이용해서 표시해주면 된다.
| html 편집기 | 화면출력 |
| <br> | 줄바뀜 |
| < | < |
| &rt; | > |
| <br&rt; | <br> |
이렇게 lt rt 태그를 이용해서 괄호를 구현해주면, br은 그냥 텍스트처럼만 인식해서 변환되지 않는다.
얼마전 만든 HTML에서 특정 태그 일괄제거 툴을 보면, 삭제 옵션에 가 그대로 화면에 보이는 것을 알 수 있다. html 편집 모드에서 이걸 입력하면 공백으로 사라져버려서 이 방법을 통해 화면에 표시되도록 하였다.
