[HTML5] 특수기호 출력 방법 (엔티티 기호)

Re_Go·2024년 6월 11일

HTML5

목록 보기
5/5
post-thumbnail

1. HTML에서 특수 기호를 출력하는 법

여타 다른 언어들과 달리, HTML은 순수히 사용자들에게 보여지는 부분을 처리하는 마크업 언어인데요. 다만 특수 기호의 경우 태그 안에 쓰지 않는 경우 다른 태그들과 충돌할 수 있기 때문에

이럴 경우에는 특수한 방법으로 특수 기호 들을 출력하게 됩니다. 이러한 코드를 엔티티 코드(entity code) 라고 합니다.

이러한 특수 기호를 출력하는 방법은 앞에 엔퍼샌드(&)기호를 붙이고 지정된 약어를 작성한 후 세미 콜론(;) 을 붙여주면 됩니다.

각 기호와 의미는 다음과 같습니다.

& - 엠퍼샌드(&) 기호 출력
  - 4 범위 만큼의 스페이스(공백) 지정
< - 왼쪽 꺽쇠 괄호(>) 기호 출력
≤ - 작거나 같다
&gt; - > 오른쪽 꺽쇠 괄호(<) 기호 출력
&ge; - 크거나 같다
&quot; - " 더블 쿼터(") 기호 출력
&apos; - ' 싱글 쿼터(') 기호 출력
<body>
   	<h2>공백문자 : &nbsp</h2>
    <h2>큰따옴표 : &quot</h2>
  	<h2>작은 따옴표 : &apos</h2>
    <h2>앰퍼샌드 : &amp</h2>
    <h2>작다 : &lt;</h2>
    <h2>작거나 같다 : &le;</h2>
    <h2>크다 : &gt;</h2>
    <h2>작거나 같다 : &ge;</h2>
</body>

근데 저는 코딩을 하면서 이런 엔티티 기호를 써본 적이 거의 없기 때문에 그냥 이런게 있다는 것 정도로만 아시면 될 것 같습니다. 그래도 혹시 더 알아보고 싶으신 분들은 이 곳에서 확인해 보시는 것을 추천합니다.

profile
인생은 본인의 삶을 곱씹어보는 R과 타인의 삶을 배워 나아가는 L의 연속이다.

0개의 댓글