Softonic

HTML 문자 참조

단계 1 / 3

카테고리 선택

다음: 문자 보기
복사되었습니다!

©를 입력하고 이것이 실제로 © 기호로 표시되는지 궁금하거나, 엔 대시, 줄바꿈 없는 공백, 그리스 문자에 해당하는 엔티티를 찾느라 매번 몇 분씩 낭비하게 됩니다. 이 검색 가능한 참조 자료에는 구두점과 통화 기호부터 수학 기호와 화살표까지 자주 쓰이는 HTML 이름 엔티티와 숫자 엔티티가 정리되어 있으며, 즉시 검색하고 한 번의 탭으로 복사할 수 있습니다.

HTML 엔티티를 찾는 방법

  1. 1

    이름 또는 문자로 검색하세요

    `copy`, `©`, `8212` 또는 `em dash` 중 어느 하나라도 동일한 엔티티에 해당합니다.

  2. 2

    표에서 선택하세요

    각 행에는 문자, 이름 형식, 숫자 코드가 함께 표시됩니다.

  3. 3

    한 번 터치로 복사하세요

    문자, 이름 엔티티 또는 숫자 엔티티를 복사하려면 탭하세요.

  4. 4

    카테고리별로 필터링하세요

    일반 기호, 화살표, 수학 기호 또는 문장 부호에 따라 좁히세요.

동일한 문자를 작성하는 세 가지 방법

HTML을 사용하면 특수 문자를 세 가지 방식으로 입력할 수 있습니다. 가장 잘 읽히며 정확하게 표시될 수 있는 방법을 선택하세요.

세 가지 형태

문자 이름 엔티티 10진수 16진수
© © © ©
® ® ® ®
™ ™ ™ ™
€ € € €
- — — —
– – – –
… … … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
“ &quot; &#34; &#x22;

각 형식을 사용해야 할 때

  • 이름 엔티티는 소스 코드에서 읽기 쉽습니다(&mdash;는 누가 봐도 엠 대시입니다). 다만 이름 엔티티는 약 250개만 존재하므로, 특이한 문자는 모두 숫자 형식이 필요합니다.
  • 10진수 형식은 모든 유니코드 코드 포인트에 적용됩니다. (주로 참고 카드에서) 10진수 값을 알고 있을 때 사용하세요.
  • 16진수 형식은 유니코드가 사용하는 표기법(U+2014)과 일치합니다. U+NNNN 값은 앞에 &#x를 붙여 변환합니다.

이스케이프해야 하는 문자

다음 다섯 개 문자는 콘텐츠에 그대로 두면 HTML을 깨뜨립니다:

  • <, &lt;로 이스케이프하거나 <pre> 안의 문자 데이터로 처리합니다.
  • >, &gt;로 이스케이프합니다(속성 안에서만 필요함).
  • &, 모든 맥락에서 &amp;로 이스케이프합니다.
  • ", 속성 값 안에서 &quot;로 이스케이프합니다.
  • ', 작은따옴표로 감싼 속성 안에서 &#39; 또는 &apos;로 이스케이프합니다.

UTF-8 HTML5에서는 그 외 모든 것이 선택 사항이며, 원시 유니코드 문자도 사용할 수 있습니다.

자주 묻는 질문

네, 해당 문자가 소스 코드에서 보이지 않기 때문입니다. &nbsp;를 사용하면 자동으로 문서화되므로, 다른 개발자가 코드를 읽을 때 즉시 그 위치에서 줄 분리가 불필요하다는 의도를 이해할 수 있습니다.

아니요, &apos;는 XML 및 HTML5에서는 정의되어 있지만 HTML4에서는 정의되어 있지 않습니다. 엄격한 HTML4 문서에서 아포스트로피를 사용해야 하는 경우 &#39;를 사용하십시오. 다만 모든 현대 브라우저는 두 형태 모두를 정확하게 표시합니다.

U+0020은 브라우저에서 줄을 분리할 수 있는 일반적인 공백입니다. U+00A0(줄 분리 없이 사용하는 공백, &nbsp;)은 줄 분리를 방지하며 인접한 공백과 함께 축약되지 않습니다. “10 km”의 경우 값과 단위가 함께 표시되도록 이 공백을 사용하세요.

이모지는 유니코드 코드 포인트를 가지므로 숫자 엔티티로 작성할 수 있습니다(&#128512; = 😀). 하지만 UTF-8로 인코딩된 최신 HTML 파일에서는 이모지를 그대로 붙여넣기만 하면 됩니다. 엔티티 형식은 이메일이나 인코딩에 제약이 있는 시스템에서만 유용합니다.

관련 도구

ASCII 표 참조

NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.

FPS 카운터

requestAnimationFrame으로 브라우저 FPS를 측정하세요. 스무딩, 최소/최대 프레임레이트, 경고 임계값, 선택형 그래프를 제공합니다. 업로드나 API 없이 로컬에서 실행됩니다.

키보드 단축키 참고표

macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.

보색 찾기

어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

색상 틴트 생성기

기준 색의 밝은 틴트를 생성합니다. 디자인 시스템 토큰, 배경, 호버 상태를 위한 3-20단계 스케일.

이메일 검증기

이메일 주소를 검증합니다. RFC 5322 구문 검사, 실시간 MX 레코드 조회, 그리고 로컬 파트, 도메인, 길이 정보를 제공합니다. 이메일은 전송되지 않습니다.

이 도구는 다른 언어로도 제공됩니다