offfff

HTML 엔티티(HTML Entities) 본문

프로그래밍

HTML 엔티티(HTML Entities)

offfff 2016. 9. 13. 09:00

HTML Entities


HTML의 예약어(<,> 등)들 때문에 대체해서 써야하는 문자들이 있다.

그런것 들을 HTML Entity라고 하고, 아래와 같은 포멧으로 작성된다.


&(엔티티 이름);    혹은    &#(엔티티 번호);


예를 들어 '<' 기호를 표시하기 위해서, '&lt;' 혹은 '&#60'을 사용한다.

엔티티 이름을 사용하는 경우, 해당 기호의 엔티티 이름을 기억하기 쉬운 장점이 있다.

하지만 간혹 엔티티 이름을 지원하지 않는 브라우저가 있기 때문에, 엔티티 번호를 사용하는게 좋다.




Non-breaking Space


HTML에서 자주 사용되는 엔티티로는 &nbsp(non-breaking space)가 있다.

&nbsp는 줄바꿈이 없는 공백(스페이스)를 정의한다.

두 단어를 띄어쓰기 해야하는 상황인데, 띄어쓰기(그냥 스페이스를 사용했을 때)를 하면

결과에 지장을 주는 경우 유용하다.

또, 그냥 스페이스를 10번 사용하면 1번 밖에 반영이 되지 않지만,

&nbsp를 사용하면 10번이 모두 띄어쓰기로 반영된다는 차이도 있다.




Some Other Useful HTML Character Entities


엔티티 이름은 대소문자 구분을 하므로 유의한다.


기호

 설명

 엔티티 이름

 엔티티 번호

 

 non-breaking space

 &nbsp;

 &#160;

 <

 less than

 &lt;

 &#60;

 >

 greater than

 &gt;

 &#62;

 &

 amperand

 &amp

 &#38;

 ¢

 cent

 &cent;

 &#162;

 £

 pound

 &pound;

 &#163;

 ¥

 yen

 &yen;

 &#165;

 €

 euro

 &euro;

 &#8364;

 ©

 copyright

 &copy;

 &#169;

 ®

 registered 

 &reg;

 &#174;




Combining Diacritical Marks


발음 구별 부호는 상형문자가 추가된 문자이다.

몇몇 발음 구별 부호는 엑센트라고 하기도 한다.

발음 구별 부호는 문자 위, 아래, 안쪽, 그리고 문자와 문자 사이에 표시된다.

발음 구별 부호는 페이지에 사용된 케릭서 셋에 존재하지 않는 문자를 만들기 위해,

영숫자 문자와의 조합으로 사용될 수도 있다.


 부호

 문자

 만드는 법

  ̀

 a

 a&#768;

 à

  ́

 a

 a&#769;

 á

  ̂

 a

 a&#770;

 â

  ̃

 a

 a&#771;

 ã

  ̀

 O

 O&#768;

 Ò

  ́

 O

 O&#769;

 Ó

  ̂

 O

 O&#770;

 Ô

  ̃

 O

 O&#771;

 Õ


HTML symbol chapter에서 더 많이 알아보도록 하겠다.




아래 링크를 참조하여 번역 및 수정 함

http://www.w3schools.com/html/html_entities.asp

'프로그래밍' 카테고리의 다른 글

HTML 케릭터 셋, 엔코딩(HTML Charset)  (0) 2016.09.15
HTML 심볼(HTML Symbols)  (0) 2016.09.14
반응형 웹(HTML Responsive)  (0) 2016.09.12
HTML 레이아웃(HTML Layout)  (0) 2016.09.11
HTML 헤더(HTML Head)  (0) 2016.09.10