HTML 문자 참조
©를 입력하고 이것이 실제로 © 기호로 표시되는지 궁금하거나, 엔 대시, 줄바꿈 없는 공백, 그리스 문자에 해당하는 엔티티를 찾느라 매번 몇 분씩 낭비하게 됩니다. 이 검색 가능한 참조 자료에는 WHATWG HTML 표준이 정의한 모든 HTML 이름 엔티티와 숫자 엔티티가 정리되어 있으며, 즉시 검색하고 한 번의 탭으로 복사할 수 있습니다.
HTML 엔티티를 찾는 방법
-
1
이름 또는 문자로 검색하세요
`copy`, `©`, `8212` 또는 `em dash` 중 어느 하나라도 동일한 엔티티에 해당합니다.
-
2
그리드에서 선택하세요
각 엔티티는 이름 형식, 10진수 코드, 16진수 코드를 함께 표시합니다.
-
3
한 번 터치로 복사하세요
문자, 이름 엔티티 또는 숫자 엔티티를 복사하려면 탭하세요.
-
4
카테고리별로 필터링하세요
통화, 수학 기호, 화살표, 라틴어 보충 기호, 그리스어 또는 문장 구분 기호에 따라 좁히세요.
동일한 문자를 작성하는 세 가지 방법
HTML을 사용하면 특수 문자를 세 가지 방식으로 입력할 수 있습니다. 가장 잘 읽히며 정확하게 표시될 수 있는 방법을 선택하세요.
세 가지 형태
| 문자 | 이름 엔티티 | 10진수 | 16진수 |
|---|---|---|---|
| © | © |
© |
© |
| ® | ® |
® |
® |
| ™ | ™ |
™ |
™ |
| € | € |
€ |
€ |
| - | — |
— |
— |
| – | – |
– |
– |
| … | … |
… |
… |
|
  |
  |
|
| < | < |
< |
< |
| > | > |
> |
> |
| & | & |
& |
& |
| “ | " |
" |
" |
각 형식을 사용해야 할 때
- 이름 엔티티는 소스 코드에서 읽기 쉽습니다(
—는 누가 봐도 엠 대시입니다). 다만 이름 엔티티는 약 250개만 존재하므로, 특이한 문자는 모두 숫자 형식이 필요합니다. - 10진수 형식은 모든 유니코드 코드 포인트에 적용됩니다. (주로 참고 카드에서) 10진수 값을 알고 있을 때 사용하세요.
- 16진수 형식은 유니코드가 사용하는 표기법(U+2014)과 일치합니다. U+NNNN 값은 앞에
&#x를 붙여 변환합니다.
이스케이프해야 하는 문자
다음 다섯 개 문자는 콘텐츠에 그대로 두면 HTML을 깨뜨립니다:
<,<로 이스케이프하거나<pre>안의 문자 데이터로 처리합니다.>,>로 이스케이프합니다(속성 안에서만 필요함).&, 모든 맥락에서&로 이스케이프합니다.", 속성 값 안에서"로 이스케이프합니다.', 작은따옴표로 감싼 속성 안에서'또는'로 이스케이프합니다.
UTF-8 HTML5에서는 그 외 모든 것이 선택 사항이며, 원시 유니코드 문자도 사용할 수 있습니다.
자주 묻는 질문
네, 해당 문자가 소스 코드에서 보이지 않기 때문입니다. 를 사용하면 자동으로 문서화되므로, 다른 개발자가 코드를 읽을 때 즉시 그 위치에서 줄 분리가 불필요하다는 의도를 이해할 수 있습니다.
아니요, '는 XML 및 HTML5에서는 정의되어 있지만 HTML4에서는 정의되어 있지 않습니다. 엄격한 HTML4 문서에서 아포스트로피를 사용해야 하는 경우 '를 사용하십시오. 다만 모든 현대 브라우저는 두 형태 모두를 정확하게 표시합니다.
U+0020은 브라우저에서 줄을 분리할 수 있는 일반적인 공백입니다. U+00A0(줄 분리 없이 사용하는 공백, )은 줄 분리를 방지하며 인접한 공백과 함께 축약되지 않습니다. “10 km”의 경우 값과 단위가 함께 표시되도록 이 공백을 사용하세요.
이모지는 유니코드 코드 포인트를 가지므로 숫자 엔티티로 작성할 수 있습니다(😀 = 😀). 하지만 UTF-8로 인코딩된 최신 HTML 파일에서는 이모지를 그대로 붙여넣기만 하면 됩니다. 엔티티 형식은 이메일이나 인코딩에 제약이 있는 시스템에서만 유용합니다.
관련 도구
2진수 8진수 변환기
비트를 세 개씩 묶어 2진수를 8진수로 변환합니다. Unix 권한, 레거시 시스템, 간결한 숫자 표시에 유용합니다.
BBCode → HTML 변환기
BBCode(게시판 마크업)를 깔끔한 HTML로 변환합니다. 서식 태그, 목록, 인용, 코드, 이미지, 링크, 표를 처리합니다.
Base64 → Hex 변환기
Base64 문자열을 실제 바이트로 디코딩한 뒤 16진수로 표현합니다. 토큰, 키, 인증서, JWT를 살펴볼 때 유용합니다.
불 대수 간소화 도구
Karnaugh map과 Quine-McCluskey 알고리즘으로 불 대수 식을 간소화합니다. 모든 최소화 단계와 최종 SOP/POS 형태를 보여줍니다.
랜덤 영어 글자 생성기
A-Z 영어 글자를 무작위로 생성합니다. 개수와 대문자, 소문자, 혼합 대소문자를 선택해 게임, 과제, 수업 활동에 활용하세요.
랜덤 색상 팔레트 생성기
2~15개의 색상으로 랜덤 팔레트를 만들고, 비비드, 파스텔, muted, dark 스타일을 선택한 뒤 HEX 코드나 CSS 변수를 복사하세요.