댓글 목록

HTML 엔티티

페이지 정보

작성자 운영자 작성일 17-10-29 16:12 조회 1,486 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

동영상 강좌보기

 


HTML의 예약 문자는 문자 엔티티로 대체되어야 합니다.

키보드에 없는 문자는 엔티티로 바꿀 수 있습니다.


HTML 개체

일부 문자는 HTML로 예약되어 있습니다.

텍스트에서 보다 작음(<) 또는 보다 큼(>) 기호를 사용하면 브라우저가 태그와 혼란을 일으킬 수 있습니다.

문자 엔티티는 HTML에 예약된 문자를 표시하는데 사용됩니다.

&entity_name;
또는

&#entity_number;

보다 작음 부호(<)를 표시하려면 &lt; 또는 &#60 을 써야 합니다.


** 엔티티 이름 사용의 장점 : 엔티티 이름은 쉽게 기억할 수 있습니다.

** 엔티티 이름 사용의 단점 : 브라우저는 모든 엔티티 이름을 지원하지는 않지만 숫자에 대한 지원은 유용합니다.


비 분리 공간(non-breaking space)

HTML에서 사용되는 일반적인 문자 엔티티는 비 분리 영역입니다. & nbsp;

비분리공간은 새로운 행으로 깨지지 않는 공간입니다.

비 분리 공간으로 구분된 두 단어가 서로 붙습니다. 단어를 깨뜨리는 것이 방해가 될 때 유용합니다.

  • $ 10
  • 10 km / h
  • 오후 10시

비분리 공간의 또 다른 일반적인 사용은 브라우저가 HTML페이지에서 공백을 자르지 못하게 하는 것입니다.

텍스트에 10개의 공간을 쓰면 브라우저에서 9개의 공백을 제거합니다. 텍스트에 실제 공간을 추가하려면 문자엔티티 &nbsp;를 사용해야 합니다.


기타 유용한 HTML 문자 엔티티

 결과

 설명

 엔티티이름

 엔티티숫자

 

 비분리 공간

 &nbsp;

 &#160;

 <

 보다 작은

 &lt;

 &#60;

 >

 보다 큰

 &gt;

 &#62;

 &

 엔퍼센트

 &amp;

 &#38;

 "

 큰 따옴표

 &quot;

 &#34;

 '

 작은 따옴표(마포스토로피)

 &apos;

 &#39;

 ¢

 센트

 &cent;

 &#162;

 £

 파운드

 &pound;

 &#163;

 ¥

 엔

 &yen;

 &#165;

 €

 유로

 &euro;

 &#8364;

 ©

 저작권

 &copy;

 &#169;

 ®

 등록상표

 &reg;

 &#174;


** 엔티티 이름은 대/소문자를 구분합니다.


결합형태의 분별기호

분음 기호는 문자에 추가된 "글리프(glyph)"입니다.

grave( ̀) 및 acute( ́)와 같은 일부 분음 부호는 악센트라고 합니다.

분음 기호는 문자 위나 아래, 문자 안에 그리고 두 글자 사이에 나타날 수 있습니다.

분음기호는 영숫자 문자와 함께 사용하여 페이지에 사용된 문자세트(인코딩)에 없는 문자를 생성할 수 있습니다.

 Mark

 Character

 Construct

 Result

  ̀

 a

 a&#768;

 à

  ́

 a

 a&#769;

 á

 ̂

 a

 a&#770;

 â

  ̃

 a

 a&#771;

 ã

  ̀

 O

 O&#768;

 Ò

  ́

 O

 O&#769;

 Ó

 ̂

 O

 O&#770;

 Ô

  ̃

 O

 O&#771;

 Õ



댓글목록 0

등록된 댓글이 없습니다.