アポストロフィーの文字化け

Question

クオーテーションマークのような　‘　の文字(アポストロフィー)があると思います。

私はwindows10を使っていて、ドキュメントからHTMLをブラウザーで開くとしっかり表示されます。

しかし、IDE(pycharm)からブラウザーで開くと、文字化けして‘となります。

なぜでしょうか？

どちらも、chorome　ブラウザーを使いました。

Comments

[m.ts10806]

>chorome　
「Chrome」ですね。
あと、どのようなコード、文字コード設定で確認されたのでしょうか。
当該IDE使用者ではないですが、IDEの文字コード指定と実際のプログラムの文字コード指定が合ってないのではないかと推察されます。
他者が再現可能な情報を追記してください

Answer 1

UTF-8で書いたコードがブラウザでISO-8859-1と判断され、Windows-1252として文字を表示していると思われます。

それぞれの文字とUnicode、そして、UTF-8のバイナリ値は次のようになっています。

文字	Unicode	UTF-8
‘	U+2018	E2 80 98
’	U+2019	E2 80 99

UTF-8としてアフィルを保存した場合、ファイル上には上のUTF-8にある三つのバイナリ値が保存されます。しかし、HTMLで文字コードを指定しない(<meta charset="utf-8">等が書いていない)場合、ISO-8859-1と判断される場合があります(どう判断されるかはブラウザやバージョン、言語設定、そして、HTMLのバージョンによって異なります)。ほとんどのブラウザではISO-8859-1と判断すると、その拡張であるWindows-1252として読み取ります。そして、これらをWindows-1252として解釈するとE2がâ、80が€、98が˜(これは~とは異なります)、99が™となるということです。

HTMLを書く場合は、文字コードを指定するようにしてください。HTML5であれば、head内の最初に<meta charset="utf-8">と書くだけでUTF-8として解釈されるようになります。