동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.
동영상 강좌보기
HTML의 예약 문자는 문자 엔티티로 대체되어야 합니다.
키보드에 없는 문자는 엔티티로 바꿀 수 있습니다.
HTML 개체
일부 문자는 HTML로 예약되어 있습니다.
텍스트에서 보다 작음(<) 또는 보다 큼(>) 기호를 사용하면 브라우저가 태그와 혼란을 일으킬 수 있습니다.
문자 엔티티는 HTML에 예약된 문자를 표시하는데 사용됩니다.
&entity_name;
또는
&#entity_number;
보다 작음 부호(<)를 표시하려면 < 또는 < 을 써야 합니다.
** 엔티티 이름 사용의 장점 : 엔티티 이름은 쉽게 기억할 수 있습니다.
** 엔티티 이름 사용의 단점 : 브라우저는 모든 엔티티 이름을 지원하지는 않지만 숫자에 대한 지원은 유용합니다.
비 분리 공간(non-breaking space)
HTML에서 사용되는 일반적인 문자 엔티티는 비 분리 영역입니다. & nbsp;
비분리공간은 새로운 행으로 깨지지 않는 공간입니다.
비 분리 공간으로 구분된 두 단어가 서로 붙습니다. 단어를 깨뜨리는 것이 방해가 될 때 유용합니다.
비분리 공간의 또 다른 일반적인 사용은 브라우저가 HTML페이지에서 공백을 자르지 못하게 하는 것입니다.
텍스트에 10개의 공간을 쓰면 브라우저에서 9개의 공백을 제거합니다. 텍스트에 실제 공간을 추가하려면 문자엔티티 를 사용해야 합니다.
기타 유용한 HTML 문자 엔티티
결과 |
설명 |
엔티티이름 |
엔티티숫자 |
|
비분리 공간 |
|
  |
< |
보다 작은 |
< |
< |
> |
보다 큰 |
> |
> |
& |
엔퍼센트 |
& |
& |
" |
큰 따옴표 |
" |
" |
' |
작은 따옴표(마포스토로피) |
' |
' |
¢ |
센트 |
¢ |
¢ |
£ |
파운드 |
£ |
£ |
¥ |
엔 |
¥ |
¥ |
€ |
유로 |
€ |
€ |
© |
저작권 |
© |
© |
® |
등록상표 |
® |
® |
** 엔티티 이름은 대/소문자를 구분합니다.
결합형태의 분별기호
분음 기호는 문자에 추가된 "글리프(glyph)"입니다.
grave( ̀) 및 acute( ́)와 같은 일부 분음 부호는 악센트라고 합니다.
분음 기호는 문자 위나 아래, 문자 안에 그리고 두 글자 사이에 나타날 수 있습니다.
분음기호는 영숫자 문자와 함께 사용하여 페이지에 사용된 문자세트(인코딩)에 없는 문자를 생성할 수 있습니다.
Mark |
Character |
Construct |
Result |
̀ |
a |
à |
à |
́ |
a |
á |
á |
̂ |
a |
â |
â |
̃ |
a |
ã |
ã |
̀ |
O |
Ò |
Ò |
́ |
O |
Ó |
Ó |
̂ |
O |
Ô |
Ô |
̃ |
O |
Õ |
Õ |
등록된 댓글이 없습니다.