• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:cssのcharsetShift_JISUTF8)

CSSのcharsetShift_JISUTF8について

このQ&Aのポイント
  • HTMLとCSSの文字コードはどちらを使えば良いのか
  • 途中で文字コードを変更すると文字化けの原因になる
  • 書籍によっては異なる文字コードが使われていることもある

質問者が選んだベストアンサー

  • ベストアンサー
  • too_bad
  • ベストアンサー率53% (70/130)
回答No.4

まずNo.2さんへのツッコミとNo.3さんへの補足としまして・・・ Windowsに付属のメモ帳ですら文字コードの変更はいつでもできるのです。 ほかのテキストエディタが文字コードの変更が途中でできないわけがないのです。 ということでみなさんおっしゃっているとおり、 今後はW3CによるHTML5の勧告も行われますし、 HTML4.01の時から既に、UTF-8への移行が少しずつ始まっていましたので、 以後はUTF-8が安定する方向です。 Shift-JISは過去の遺産とでも思っていただけると良いかと。 HTMLは先頭の文字から512バイト(半角512文字or全角256文字)までに <meta charset="utf-8"> を挿入しておくのと、文字コードをUTF-8で保存しておけば 文字化けはまず発生しないのです。 仮にローカルで発生したとしても、 アップロードすればきちんと閲覧できます。 ローカルでの文字コード修正はブラウザ機能のエンコードから 行うことができます。 もっとも、IE9やFirefoxやGoogle Chromeでローカル環境において UTF-8で文字化けしたことはないのですが・・・

thanksv
質問者

お礼

ご回答、ありがとうございます。とても参考になりました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

回答No.3

今から作るならUTF8を使う。 基本的にhtml+cssあたりとJavaScriptだけしか使わないなら SJISの通称ダメ文字と言われている2バイト目の0x5Cの問題は発生は無いと思うが 最近ではWeb系はUTF8を使うのがスタンダードになってきている。 >途中で変更はできません。--そのようなテキストエディタは存在しません。 普通に保存の文字コードの変更は後からでも出来る。嘘はダメ。

thanksv
質問者

お礼

ご回答、ありがとうございます。とても参考になりました。

全文を見る
すると、全ての回答が全文表示されます。
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

>ちなみに両者を、途中で変更したりすると、文字化けになるようです。  途中でと言う意味がわかりません。HTMLにしろCSSにしろ、ASCII文字が登場するより前、最初にエンコードを指定します。途中で変更はできません。--そのようなテキストエディタは存在しません。  また、charsetはリンク先での指定がない場合、呼び出し元のエンコードであると勝手に予測して読み込もうとしますから、呼び出し先のHTMLなりCSSできちんと宣言されていれば、呼び出し元のエンコードには関係なく利用できるはずです。  日本語しか扱わない(半角カタカナも使用しない)ならShift_JISで良いでしょう。多言語を扱いたいときはUTF-8です。次期HTML5ではUTF-8が推奨となりますから、今後はUTF-8のほうが良いでしょう。スクリプト言語もjavascript、スタイルシートはCSSが標準となります。

thanksv
質問者

お礼

ご回答、ありがとうございます。とても参考になりました。

全文を見る
すると、全ての回答が全文表示されます。
  • t_ohta
  • ベストアンサー率38% (5091/13309)
回答No.1

お好きな方をどうぞ。 日本語だけを使っているのであれば、サイト内全般で文字コードを統一していればどちらでも問題ありません。 一つのページに日本語以外のマルチバイト文字(ハングルとか)を混在させて表示したいなら UTF8 を使いましょう。

thanksv
質問者

お礼

ご回答、ありがとうございます。とても参考になりました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • CS6(win)でCSSが文字ばけ

    DreamweaverCS6(win)でCSSが文字化け CSSを編集していたところsafariでcssが効かない事で @charset "utf-8"; を @charset "Shift_JIS"; に変えてみたのです。 無事、safariでcssが効いて、作業が終わりました しかし、気がついたらCSS中のコメントアウトした文字が文字化けしている あわてて調べたところ文字化けが発生する条件として [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを外している。 @charset で [ UTF-8 ] 以外の文字コードを指定している。 外部 CSS ファイルを使っている。 と書いてあるので、 外部 CSS ファイルを使っています。 [ 修正時に CSS ファイルを開く ] のチェックがあるのを確認(最初からチェック済みです) @charset で [ UTF-8 ] 以外の文字コードを指定しているので@charset "utf-8";に戻し保存 Dreamweaverを一旦終了、再立ち上げで確認しましたが、文字化けが戻りません。 どうすれば、文字化けが直るのでしょうか? よろしくお願い致します。 補足 修正/ページプロパティー/エンコーディングで"Shift_JIS";になっていましたので Unicode(UTF-8) と致しました。 しかし、やはり文字コードは化けたままです。(再起動でも同じでした)

    • ベストアンサー
    • HTML
  • HTMLとCSSのcharset

    HTMLとCSSのcharset(文字コード)は揃えたほうがいいのでしょうか? HTMLはShift-jisですが、CSSはUTF-8です。 本来はサイト全体をUTF-8にしたいのですが、事情があって一部のHTMLだけShift-jisにせざるをえないのです。 とあるサイトで、揃えないと一部のブラウザで文字化けがおこる可能性がある・・・と書いてあるのを見かけましたが、一部のブラウザとは一体どのブラウザのどのバージョンなのかはっきり書いておらず、曖昧すぎてあまり参考になりません。 実際のところはどうなのか、詳しい方いらっしゃいましたらどうぞよろしくお願い致します。

  • 文字化けを修正する方法

    dreamweaverMXでホームページを作っています。 最近、文字コードをcharset=Shift_JISからcharset=UTF-8に変更したら文字化けが起きてしまい、修正する方法がわからず困っています。 具体的には、テンプレートファイルで文字コードをcharset=Shift_JISからcharset=UTF-8に変更し、更新をかけました。 テンプレートファイルは文字化けしていませんが、更新した他のhtmlファイルはすべて文字化けしてしまっています。 CSSファイルにもちゃんと@charset "utf-8";と記入してあります。原因がわかりません。 どうすればよいのでしょうか?

    • ベストアンサー
    • HTML
  • shift_jis にするとCSSを読まない

    フォームメールのページ送信すると文字化けが起こるので、utf-8からshift_jisに変えたところ 今度は外部CSSを読まうず、IE,firedoxでレイアウトが崩れてしまいます。 なんとかならないでしょうか?

    • ベストアンサー
    • HTML
  • xml宣言の文字コード変更

    xhtmlとcssでのコーディングを行った際、途中で「UTF-8」で作成してと言われました。 そのため、作成していたコードの冒頭をshift_jisからUTF-8にかきかえてみたところ、文字化け。ブラウザの表示をUTF-8に変えても化けたままなので、作業にならんと宣言をshift_jisに戻しました。 が、書き換えても文字化けが直りません。 宣言自体を消して保存しなおしたりもしたのですが、以前文字化けたままです。 テキストエディタで見るとちゃんとshift_jisになっているのですが、 これはどうすれば直るものなのでしょうか? 手を入れたのは以下の二行になります。(抜き出してるだけですので実際はheadタグ等を挟んでいます) 初期 <?xml version="1.0" encoding="shift_jis"?> <meta http-equiv="content-type" content="text/html; charset=shift_jis" /> ↓ UTF-8に書き換え <?xml version="1.0" encoding="UTF-8"?> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> ご教授ねがいます。

  • HTMLに関する質問です。

    HTMLに関する質問です。 漢字コードの変更方法を教えてください。 charset=Shift_JIS を charset=utf-8 に変更するには この部分のソースを入れ替えるだけではダメみたいです。 (入れ替えただけでは、文字化けしました。) 上と逆で charset=utf-8 から charset=Shift_JIS に変更する方法も教えてください。 手順としては、同じだと思いますが・・・。 宜しくお願い申し上げます。

  • shift_jisとutf-8

    お世話になります。 先日より文字コードのことで、頭を悩ましています。 サイト制作の時に、フルCSSを目指し、他の人が作っていたCSSを利用してDreamweaverで制作を始めました。 その際、文字コードがutf-8になっていたのですが、ブラウザによっては文字化けしていおり、宣言の部分をshift_jisに変更しました。 この部分です。<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> ちなみにDreamwerverではデフォルトの文字コードはshift_jisなので、わざわざ変更しない限り、制作したページはすべてshift_jisで書かれているようです。 また、使わせてもらったCSSのページには一行目に@charset "utf-8";が入っていたのですが、よくわからないのでこの行をはずしてみたところ、CSSの設定が反映されない部分が出てきました。(これが原因かわかりませんが、この一行を入れると直ったみたいで・・) そこで質問なのですが、HTMLの方ではshift_jis、CSSファイルではutf-8という設定でも別にかまわないのでしょうか?(統一しなくてもいいのか?) また、一行目の@charset "utf-8";を省くと問題がありますか? 統一した方がいい場合は、制作したものをすべてutf-8に(またはshift_jisに)するにはどうしたらいいのでしょうか? 別に統一する必要がなければ今回はこのままにして、次回からきちんとしたものを作って行きたいのですが・・ どうぞよろしくお願い致します。

  • CSSでダウンロードすると文字化け

    ホームページ制作しています。 cssをサーバーからFFFTPでダウンロードすると、日本語コメントが文字化けしてしまいます。 最初に「@charset "SHIFT_JIS";」と記述し、FFFTPでは「漢字コードの変換なし」にしています。 試しに、ホストの漢字コードをEUCとJISでもダウンロードしてみましたが、同様です。 どう対処すればよいでしょうか?

  • ホームページの文字コードについて質問です

    現在、他の方から受け継いだホームページを管理しているのですが、最初の部分が <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="content-style-type" content="text/css; charset=Shift_JIS"> <link href="common/top.css" rel="stylesheet" type="text/css"> となっていました。 これ自体は気にならないのですが、外部から読み込んでいるtop.cssを見てみると 1行目に「@charset "utf-8";」と入っていました。 文字コードがhtml側ではcharset=shift_jis"、css側ではcharset "utf-8";となっています。 私はどちらかに揃えるべきだとばかり思っていたのですが、別々でも問題ないものなのでしょうか? また、もしどちらかに揃えるべきであれば、shift_jisとutf-8のどちらに揃えるべきでしょうか? 詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSの文字コードについて2

    CSSファイル内に『@charset "Shift_JIS";』を入れ文字コードを宣言したところ、ボックスモデルハック部分(¥マーク以降)に解析エラー(赤い波線)が出ました。使用しているソフトはDreamweaverMX2004で、OSはMacOS 10.3です。 しかも、そのファイルを保存して閉じ、再び開くとテキストのアンチエリアスがなくなってしまいました。アンチエリアスは見た目の問題だけだと思いますが、『@charset "Shift_JIS";』を入れたことで解析エラーはちょっと困ります。解決策が分りません。助けてください。 ちなみに、『@charset "Shift_JIS";』を使用されている方のCSSを自分のPCにダウンロードして開いてみるとそのような症状は起こりませんでした。私のDreamweaverの設定に何か問題があるんでしょうか。。。

    • ベストアンサー
    • HTML

専門家に質問してみよう