Softonic

HTML 문자 참조

단계 1 / 3

문자 자체, 이름(copy), 코드(169 또는 U+00A9) 또는 단어(화살표)를 입력하세요.

다음: 문자 보기

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

HTML 엔티티를 찾는 방법

  1. 1

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

    `©`, `copy`, `169`, `U+00A9`, `저작권` 중 무엇을 입력해도 저작권 기호를 찾을 수 있습니다.

  2. 2

    표에서 선택하세요

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

  3. 3

    한 번 터치로 복사하세요

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

  4. 4

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

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

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

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

세 가지 형태

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

각 형식을 사용해야 할 때

  • 이름 엔티티는 소스 코드에서 읽기 쉽습니다(&mdash;는 누가 봐도 엠 대시입니다). 다만 HTML이 정의한 이름은 2,125개(그중 252개는 HTML 4.01부터 있던 이름)뿐이고 대부분의 유니코드 문자에는 이름이 없으므로, 그 밖의 문자는 모두 숫자 형식으로 써야 합니다.
  • 10진수 형식은 128~159 코드를 제외한 모든 유니코드 문자에 쓸 수 있습니다. 브라우저가 이 범위의 코드를 Windows-1252 문자로 읽기 때문입니다(예를 들어 &#150;은 엔 대시로 표시됩니다). (주로 참고 카드에서) 10진수 값을 알고 있을 때 사용하세요.
  • 16진수 형식은 유니코드가 사용하는 표기법(U+2014)과 일치합니다. U+NNNN 값은 앞에 &#x를 붙여 변환합니다.

이스케이프해야 하는 문자

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

  • <, <pre> 안에서도 &lt;로 이스케이프합니다.
  • >, &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 파일에서는 이모지를 그대로 붙여넣기만 하면 됩니다. 엔티티 형식은 이메일이나 인코딩에 제약이 있는 시스템에서만 유용합니다.

관련 도구

보색 찾기

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

Webpack 설정 생성기

순수 JavaScript, React, Vue용 webpack 5 webpack.config.js를 만드세요. TypeScript, Babel, CSS 또는 Sass, 이미지, HtmlWebpackPlugin, 개발 서버, npm install 명령까지 함께 제공합니다.

Protocol Buffers 디코더

hex, Base64, Base64URL, 텍스트 또는 파일의 Protobuf 와이어 형식 바이트를 브라우저에서 디코딩하고 정확한 필드 후보를 확인한 뒤 비공개 보고서로 내보냅니다.

XML 포매터

일관된 들여쓰기로 XML 문서를 정렬 출력하고, 정확한 줄 번호로 적격성 오류를 잡아냅니다.

XSD 검증기

XML 문서를 XSD 스키마에 대해 검증하고, 요소와 타입 불일치를 정확한 줄 번호와 함께 보고합니다.

색상 혼합기

두 HEX 색상을 2-20개의 균등한 색상 견본으로 섞습니다. 양 끝 색상을 포함해 각 중간 색상을 대문자 HEX 코드로 확인하세요.

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