본문 바로가기
Web/HTML

[HTML] 특수문자 엔티티(Entity)와 예약어(Reserved Word)

by 양파맛슬러시 2023. 11. 1.
반응형

[HTML] 엔티티와 예약어

 

예약어 (Reserved Word)

프로그래밍 언어에서 문법적인 용도로서 사용되도록 미리 정해진 언어이다.

HTML에서는 대표적으로 '<' '>'가 있다.

 

"문단을 나누는 <p>태그"를 입력하기 위해 아래와 같은 HTML코드를 만들었다.

 

<p>문단을 나누는 <p>태그</p>

 

하지만 결과물은 다음과 같다.

 

문장 안에 있는 '<p>'를 웹 브라우저는 태그로 인식했다.

 '<'  '>'는 HTML 내에서 태그를 나타내는 것으로 약속되어 있기 때문이다.

예약어를 사용하면 웹 브라우저는 우리의 의도와는 다르게 해석할 수 있다.

 

 

엔티티 (Entity)

HTML 예약어를 HTML에서 적용되는 의미가 아니라 기존에 있던 문자 그대로를 표현하기 위해 있는 것이 엔티티이다.

엔티티 코드의 형태는 "&엔티티이름;", "&#엔티티숫자;" 두 가지로 나타난다.

위의 코드는 다음과 같이 수정할 수 있다.

 

<p>문단을 나누는 &lt;p&gt;태그</p>

<p>문단을 나누는 &#60;p&#62;태그</p>

 

결과물은 다음과 같다.

 

예약어가 아닌 다른 다양한 특수문자나 부호도 엔티티 코드로 나타낼 수 있다.

HTML 코드 내에서 특수문자를 사용해도 잘 깨지지 않지만 특수문자를 사용할 때는 엔티티 코드를 사용할 것을 권고하고 있다.

인터넷 검색을 통해 원하는 특수문자나 부호에 대한 HTML 엔티티 코드를 쉽게 얻을 수 있다.

반응형

'Web > HTML' 카테고리의 다른 글

[HTML] <button>이 <form> 안에 있는 경우  (1) 2023.11.15
[HTML] 요소 사이의 공백과 해결법  (1) 2023.11.06
[HTML] HTML5와 <!DOCTYPE> 선언의 이유  (15) 2023.10.31
[HTML] 기본 구조  (0) 2023.10.30
[HTML] 파일 열기  (0) 2023.10.30