jiraynor’s 하루 2시간 프로그래밍 - HTML 29. 엔티티 (Entities) 영상 보러가기
HTML 엔티티
HTML 엔티티
일부 문자는 HTML로 예약되어 있습니다.
텍스트에서 작거나 (<
) 큰 (>
) 부호를 사용하면 브라우저가 이러한 부호를 태그와 함께 사용할 수 있습니다.
문자 엔티티요소는 HTML에서 예약된 문자를 표시하는 데 사용됩니다.
문자 엔티티요소는 다음과 같습니다.
&entity_name;
OR
&#entity_number;
미만 기호(<
)를 표시하려면 다음과 같이 입력해야 합니다. <
또는 <
엔티티 이름을 사용하는 장점: 엔티티 이름은 기억하기 쉽습니다.
엔티티 이름 사용의 단점: 브라우저가 모든 엔티티 이름을 지원하는 것은 아니지만 엔티티 번호에 대한 지원은 양호합니다.
Non-breaking Space
HTML에서 일반적으로 사용되는 엔티티는 띄어쓰기 (
)입니다:
Non-breaking Space은 새 행에 끼어들지 않는 공간입니다.
공백 없이 구분된 두 단어가 서로 붙습니다(새 행으로 구분되지 않음). 이것은 단어를 깨질수 있는 경우에 편리합니다.
- § 10
- 10 km/h
- 10 PM
또한 브라우저가 HTML 페이지의 공간을 잘라내지 않도록 하는 것도 일반적인 방법입니다.
텍스트에 공백 10개를 입력하면 브라우저는 그 중 9개를 삭제합니다. 텍스트에 실제 공간을 추가하려면
문자 엔티티를 사용할 수 있습니다.
Tip: non-breaking hyphen(‑)은 새 줄로 non-breaking hyphen(-)을 정의하는 데 사용됩니다.
유용한 HTML 문자 엔티티
결과 | 설명 | 엔티티 이름 | 엔티티 번호 |
공백 | |
  |
|
< | 미만 기호 | < |
< |
> | 초과 기호 | > |
> |
& | 엠퍼센트 | & |
& |
" | 큰 따옴표 | &quo; |
" |
' | 작은 따옴표 | ' |
' |
¢ | 센트 | ¢ |
¢ |
£ | 파운드 | £ |
£ |
¥ | 엔 | ¥ |
¥ |
€ | 유로 | € |
€ |
© | copyright | © |
© |
® | registered tradmark | ® |
® |
엔티티 이름에서는 대소문자가 구분됩니다.
분음 부호 조합
발음이 다른 부호는 글자에 추가된 “글리프”입니다.
중대 기호( ̀ )나 급 기호( ́ )와 같은 발음 구별 부호를 악센트라고 한다.
분음 부호는 문자 위아래, 문자 내부 및 두 문자 사이에 모두 표시될 수 있습니다.
분음 기호를 영숫자와 조합해 사용하면, 페이지에 사용되고 있는 문자 세트(부호화)에 없는 문자를 생성할 수 있습니다.
다음은 몇 가지 예입니다.
표시 | 문자 | 구조 | 결과 |
̀ | a | à |
à |
́ | a | á |
á |
̂ | a | â |
â |
̃ | a | ã |
ã |
̀ | O | Ò |
Ò |
́ | O | Ó |
Ó |
̂ | O | Ô |
Ô |
̃ | O | Õ |
Õ |