摂氏度のシンボルをWebページにエンコードする最良の方法は?


85

特殊文字をWebページにエンコードするにはどうすればよいですか?たとえば、この記号℃が必要です。これは、現在表示されているように、文字をコピーして貼り付けるだけで使用しました。これは、私がチェックしたデスクトップブラウザ、およびiPadとiPhoneで機能しましたが、テストに使用したBlackberryには何も表示されません。これに対する標準的なベストプラクティスはありますか?

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


何を使用するか、UTF-8とHex、または別の形式についての標準的な考え方はありますか?ありがとう
エヴァンス2012年

ああ、すみません、最初はあなたの質問を理解していませんでした。UTF-8が一般的に好まれると思います。記号自体については、通常、度記号の後に大文字のCを付けて、次のようにします。°C。これがあなたの解決策よりも良いか悪いかはわかりません。最大の違いは、2文字間の文字間隔だと思います。
nix 2012年

このシンボルがあなたのやり方でそれをするために必要だと思います。ありがとう
エヴァンス2012年

回答:


177

°Martinが示唆しているように、これをに置き換えて、文字セットをutf-8に設定してみてください。

°C このようなものを取得します:

摂氏


私の意見では、ベストアンサー
Epirocks

それは最高です!
ゾビアカンワル

37

本当にDEGREECELSIUS文字「℃」を使用したい場合は、ドキュメントがUTF-8でエンコードされ、HTTPヘッダーでそのように宣言されていれば、コピーアンドペーストで問題ありません。文字参照の使用℃も同様にうまく機能し、文字エンコードとは独立して機能しますが、ソースははるかに読みにくくなります。

ブラックベリーの問題は、おそらくフォントの問題です。ブラックベリーのフォントについてはわかりませんが、フォントのレパートリーが限られている可能性があります。HTMLでこれについてできることは何もありませんが、CSSを使用できます@font face

しかし、DEGREECELSIUSを使用する理由はほとんどありません。これは互換性のある文字であり、東アジアの文章で使用されているため、Unicodeに含まれています。Unicode標準は、第15章(セクション15.2、497ページ)で明示的に次のように述べています。

「通常の使用では、摂氏U + 2103度ではなく、摂氏「°C」をU + 00B0度記号+ U +0043ラテン大文字cのシーケンスで表す方が適切です。」

度記号「°」は、エンティティ参照 `°を含むさまざまな方法で入力できますが、通常は、コピーアンドペーストなどで文字として挿入するのが最適です。Windowsでは、Alt0176を使用できます。

警告:一部のブラウザは、スペースが介在しない場合でも、度記号をその後の改行を許可するものとして扱い、「°」とそれに続く「C」を別々の行に配置する場合があります。これを防ぐにさまざまな方法があります。簡単で効果的な方法は次のとおり<nobr>42 °C</nobr>です。


1
私が読んだベストアンサーの1つで、主要な情報源から直接引用しています。驚くばかり!!
htm11h 2013年

1
なぜそんなに複雑なのですか?摂氏度はキーボードの左上にあります。押すだけですか?
パスカル

2
@Pascal、それはどんなキーボードでしょうか?
Jukka K. Korpela 2015

<nobr>の代わりにstyle = "white-space:nowrap"を使用してください。developer.mozilla.org/en-US/docs/Web/HTML/Element/nobr
IceWarrior353 2018

10

文字「o」と大文字の「C」にsupを使用する

<sup>o</sup>C

すべてのブラウザとIE6 +で動作するはずです


11
文字«o»は度記号ではありませんが、人間の度記号のように見える場合があります。これはハックであり、スクリーンリーダーや検索エンジンのように、コンピューターが理解するのを混乱させるでしょう。
gregers 2016


4

ヘッダーにメタタグを追加します

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

これにより、使用できる文字数が増えます。


5
HTML5では、<meta charset="utf-8"/>私が信じているだけで使用できます。
ドリューノアケス2014年

私の場合、これが本当の解決策でした。VS2015は、「Content-Type」メタタグの内容に従って動作します。
ドイツのLatorre 2016年

これを追加すると、ソース画像が欠落しているaltタグの°よう°にがレンダリングされていた問題が解決しましたimg
StephenT

1
  1. 度記号は、「C」ではなく、番号に属します。度記号は、マイナス記号と同じように数字記号と見なすことができます。
  2. 数字と度記号の間にスペースがあってはなりません
  3. そこならない程度の記号と「C」の間に改行なしスペースも。

それらの主張の出典を教えていただけますか?
マシュー

0

Java-JSPを使用している場合、私にとってうまくいったのは、JSPページに以下を貼り付けることです。

<%@ page contentType="text/html; charset=UTF-8" %>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.