HTML 엔티티(entity)

HTML에서 몇몇 특수문자를 사용하려고하면 아래와 같이 오류가 발생한다.

html은 "< " 와 같은 특수문자를 사용하면 태그를 작성하려고 한다고 생각해서 이와 같이 오류가 발생된다.

나는 태그를 작성하려는게 아니라 단지 방향을 표시하고 싶은건데 말이다.

위와 같은 특수문자를 화면에 동일하게 출력하면서 위 처럼 오류가 발생하지 않게 해주는것이 HTML 엔티티(entity)이다.

HTMl entity를 사용해서 아래와 같이 작성하면 우리가 위에서 작성한것과 같이 "<- 이쪽 방향을 봐주세요"가 화면에 동일하게 출력되는것을 확인할 수 있다.

<p>&lt;- 이쪽 방향을 봐주세요.</p>;

특수문자 뿐만아니라 공백(띄어쓰기)과 같은 문제도 HTMl entity를 사용해서 해결 할 수 있다.

<p> &lt;-       이쪽      방향을        봐주세요.</p>;

위와같이 html을 작성해도 우리 화면에는 "<- 이쪽 방향을 봐주세요" 이렇게 텍스트가 붙어서 출력된다.

이런 공백(띄어쓰기)를 표현하기 위해서는   엔티티를 사용하면 된다.

<p> &lt;-&nbsp;&nbsp;&nbsp;&nbsp;이쪽&nbsp;&nbsp;&nbsp;&nbsp;방향을&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;봐주세요.</p>;

이렇게 작성해주면 우리가 원하던대로

"<- 이쪽 방향을 봐주세요" 이렇게 공백(띄어쓰기)을 제대로 화면에 출력하게 된다.

이외에도 다양한 문자들을 아래 문법을 사용해서 표현할 수 있다.

&엔티티이름;

또는

&#엔티티숫자;

대표적으로 많이 사용되는것들을 정리해보면

프로그래밍 공부 노트