CSSファイルを指定したら元のHTMLファイルが

Question

破損してしまったようです。初めてCSSを使うものです。いままでは、ワードとかからHTML出力していましたが、今回初めてコンポーザーでHTMLでシンプルに作っていました。 CSSをまともに作り始めたのは初めてです。で、HTMLからCSSを指定すると元ファイルが壊れました。どこが悪いのでしょう。すみませんがアドバイスお願いします。壊れたHTMLファイル !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 繧キ繝ウ繝励ΝLM386繝「繝九ち繝シ繧「繝ウ繝励・陬ス菴・/title>

繧キ繝ウ繝励ΝLM386繝「繝九ち繝シ繧「繝ウ繝励・陬ス菴・/h1>

髮サ蟄仙キ・菴懊・雜・ョ夂分LM・難シ假シ悶い繝ウ繝励ｒ陬ス菴懊＞縺溘＠縺セ縺励◆縲・/h2>

邁。蜊倥↑繧「繝ウ繝励ｒ陬ス菴懊＠縺ヲ縺ソ繧医≧縲・/h2>

讎りヲ・/h2>
縺セ縺壹∬」ス菴懊・繝昴Μ繧キ繝シ縲・菴ソ逕ィIC縺ッ繧ゅ■繧阪ｓLM・難シ假シ悶・br> 邁。蜊倥↑繝「繝九ち繝シ繧「繝ウ繝励→縺励※菴ソ縺・◆縺・・br> 繧イ繧、繝ウ縺ッ螟ァ縺阪￥縺励◆縺・・br> 以下略

Katsu_Kaiz · Accepted Answer

　私も HTML と CSS を勉強中で、昔おなじことに相当悩みました(^_^)

　最近は《UTF-8》が一般的なそうなので、まずは
　　<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
を
　　<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
に直します。

　そのうえで、《UTF-8N》という文字コードに対応したエディタを使います。つまり、《content="text/html; charset=UTF-8" /》で作成したウェブページを、《UTF-8N》形式で保存するのです。『メモ帳』は、こうした細かい設定ができないために文字化けするそうで、私も失敗しています。

　なお、そのときは下記の過去質問とエディタが役に立ちました。このエディタは、《タグ入力補完機能》があるので便利ですよ。
　　◆shift_jisとutf-8 | その他([技術者向] コンピューター)のQ&A【OKWave】
　　　http://oshiete.goo.ne.jp/qa/3178822.html
　　◆HeTeMuLu Creator - Hosiken Labs
　　　http://hosiken.jp/dev/hetecre/

DrFell · Answer

>＞UTF-8の文書であるのに
恐れ入ります、どこからUTF-8ってわかるのでしょうか？

イトヘンの文字化けはUTF-8をS-jisで見るときに起こる文字化けの特徴ですので、そうじゃないかと。

理由などを説明すると長くなるのですが、charsetでよく起こる文字化けは変化と文字化けでググれば簡単に情報が得られますよ。ちょっとだけ捜したのですが一覧としては見つけられませんでした。

https://twitter.com/hadsn/status/299246035547586560
他にも?だらけとか％、菱形……とそれぞれに特徴があるので、興味があればググってください。

ORUKA1951 · Answer

CSSには関係ありません。
保存した文字コードと開くときの文字コードが違うだけです。
具体的には、UTF-8で保存して、Shift_JISで開くとそうなります。
任意の文字コードで保存、開くができるテキストエディタ(EmEditror http://jp.emeditor.com/ )などでお試しを!!

DrFell · Answer

UTF-8の文書であるのに、Shift_JISであるとメタタグで記入している事による文字化けだと思います。 ★shift_jisで保存するか ☆ をに直す。どちらかの☆で解決すると思います。

tracer · Answer

疑問におもうのは、

・なぜ文字化けしてるのでしょうか。

・「壊れる」とは一般的ではない言葉ですが、具体的にどういうことを指しているのでしょうか。

の2点です。
おそらくほとんどの人が何を言ってるのか分からないと思います。

CSSファイルを指定したら元のHTMLファイルが

私も HTML と CSS を勉強中で、昔おなじことに相当悩みました(^_^)

>＞UTF-8の文書であるのに

CSSには関係ありません。

UTF-8の文書であるのに、Shift_JISであるとメタタグで記入している事による文字化けだと思います。

疑問におもうのは、

この回答への補足

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

　私も HTML と CSS を勉強中で、昔おなじことに相当悩みました(^_^)