섭씨 기호를 웹 페이지로 인코딩하는 가장 좋은 방법은 무엇입니까?


85

특수 문자를 웹 페이지에 어떻게 인코딩해야합니까? 예를 들어이 기호 ℃가 필요합니다. 문자를 복사하여 붙여 넣기 만하면 지금 볼 수 있습니다. 이것은 내가 확인한 데스크톱 브라우저와 iPad 및 iPhone에서도 작동했지만 테스트에 사용한 Blackberry에는 아무것도 표시되지 않습니다. 이에 대한 표준 모범 사례가 있습니까?

http://www.fileformat.info/info/unicode/char/2103/browsertest.htm


무엇을 사용할지, UTF-8 vs Hex 또는 다른 형식에 대한 표준적인 생각이 있습니까? 감사합니다
Evanss

아, 죄송합니다. 처음에는 질문을 이해하지 못했습니다. 일반적으로 UTF-8이 선호됩니다. 기호 자체에 관해서는 일반적으로도 기호 다음에 대문자 C를 사용합니다. ° C. 이것이 귀하의 솔루션보다 낫거나 나쁜지 확실하지 않습니다. 가장 큰 차이점은 두 문자 사이의 문자 간격입니다.
Nix

나는이 상징이 당신의 방식으로 그것을하기 위해 필요하다고 생각합니다. 감사합니다
Evanss

답변:


177

°마틴이 제안한 것처럼 문자 세트를 utf-8 로 바꾸고 문자 세트를 utf-8로 설정하십시오.

°C 다음과 같은 결과를 얻을 수 있습니다.

섭씨 온도


내 의견으로는 최고의 답변
Epirocks

저건 완벽 해!
Zobia Kanwal

37

정말로 DEGREE CELSIUS 문자“℃”를 사용하려면 문서가 UTF-8로 인코딩되고 HTTP 헤더에 선언 된 경우 복사 및 붙여 넣기가 가능합니다. 문자 참조를 사용하면 ℃똑같이 잘 작동하고 문자 인코딩과 독립적으로 작동하지만 소스의 가독성이 훨씬 떨어집니다.

Blackberry의 문제는 아마도 글꼴 문제 일 것입니다. Blackberry의 글꼴에 대해 잘 모르지만 글꼴 레퍼토리가 제한 될 수 있습니다. HTML에서 이에 대해 할 수있는 일은 없지만 CSS를 사용할 수 있습니다 @font face.

그러나 DEGREE CELSIUS를 사용할 이유는 거의 없습니다. 동아시아 쓰기에서 사용되기 때문에 유니 코드에 포함 된 호환성 문자입니다. 유니 코드 표준은 15 장 (497 페이지 15.2 항) 에서 명시 적으로 다음과 같이 말합니다 .

"일반적인 사용에서는 섭씨 U + 2103 도보다는 U + 00B0도 기호 + U + 0043 라틴 대문자 c의 시퀀스로 섭씨"° C "를 나타내는 것이 좋습니다."

각도 기호 "°"는 엔티티 참조 '°를 포함하여 여러 가지 방법으로 입력 할 수 있지만 일반적으로 복사 및 붙여 넣기 등을 통해 문자로 삽입하는 것이 가장 좋습니다. Windows에서는 Alt 0176을 사용할 수 있습니다.

주의 사항 : 일부 브라우저는 공백이없는 경우에도도 기호 뒤에 줄 바꿈을 허용하는 것으로 간주하여 "°"와 다음 "C"를 별도의 줄에 표시 할 수 있습니다. 이를 방지하는 방법 에는 여러 가지 가 있습니다 . 간단하고 효과적인 방법은 다음과 같습니다 <nobr>42 °C</nobr>..


1
내가 읽은 최고의 답변 중 하나이며 주요 출처의 직접 인용문입니다. 대박!!
htm11h

1
왜 그렇게 복잡합니까? 섭씨가 키보드 왼쪽 상단에 있습니다. 그냥 누르시겠습니까?
Pascal

2
@Pascal, 어떤 키보드일까요?
Jukka K. Korpela 2015

<nobr> 대신 style = "white-space : nowrap"을 사용하십시오. developer.mozilla.org/en-US/docs/Web/HTML/Element/nobr
IceWarrior353

10

문자 "o"와 대문자 "C"에 sup 사용

<sup>o</sup>C

모든 브라우저 및 IE6 +에서 작동해야합니다.


11
문자«o»는 학위 기호가 아니지만 인간의 학위 기호처럼 보일 수 있습니다 . 이것은 해킹이며 화면 판독기 및 검색 엔진과 같이 컴퓨터가 이해하는 데 혼란 스러울 것입니다.
gregers


4

헤더에 메타 태그 추가

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

이렇게하면 사용할 수있는 문자 수가 늘어납니다.


5
HTML5에서는 <meta charset="utf-8"/>I believe를 사용할 수 있습니다 .
Drew Noakes 2014-06-21

제 경우에는 이것이 진정한 해결책이었습니다. VS2015는 "Content-Type"메타 태그에 따라 작동합니다.
German Latorre 2016 년

이것을 추가 하면 소스 이미지가 누락 된 alt 태그 에서 a °가 렌더링 되는 문제가 해결 되었습니다. °img
StephenT

1
  1. 도 기호는 "C"가 아니라 숫자에 속합니다 . 도 기호는 빼기 기호처럼 숫자 기호로 간주 할 수 있습니다.
  2. 이해야 하지 숫자와 정도 기호 사이의 공간을합니다.
  3. 각도 기호와 "C"사이에는 비 분리 공백 이 있어야 합니다.

그 주장의 출처를 알려주시겠습니까?
Matthieu 2018

0

Java-JSP를 사용하는 경우 JSP 페이지에 아래에 붙여 넣는 것이 효과적이었습니다.

<%@ page contentType="text/html; charset=UTF-8" %>
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.