
現在、他の方から受け継いだホームページを管理しているのですが、最初の部分が
<!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のどちらに揃えるべきでしょうか?
詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。
No.3ベストアンサー
- 回答日時:
CSS2 として、以下のように定義されています。
---
4.4 CSS 文書表現
...(中略)...
スタイルシートが分離したファイルに存在する場合,利用者エージェントは,次の優先順位を守り,文書の文字符号化を決定しなければならない。優先順位は,高いものから順に列挙する。
1. "Content-Type"フィールドのHTTP"charset"パラメタ。
2. @charsetの@規則。
3. 参照する文書の言語機構。例えば,HTMLの場合は,LINK要素の"charset"属性。
http://www.y-adagio.com/public/standards/tr_css2 …
---
@charset 規則はHTML構文の規則よりも優先順位が高く設定されています。
従って、現在の状態でも問題ありませんが、統一した方が良いことは確かだと思います。
現状保持なら UTF-8 に統一することになりますね。
.htaccess 等で text/css の文字コードを UTF-8 に統一するのも一つの手です。
# CSS3 の解説は http://www.w3.org/TR/css3-syntax/#css-style にあります。
丁寧な解説、参考アドレスをありがとうございます。
統一した方がいいけれど現状でも問題ない、というお言葉でほっとしました。
.htaccess は勉強不足で今すぐには対応出来そうにないので、
時間を見て「UTF-8」に直していこうと思います。
回答ありがとうございました。

No.2
- 回答日時:
どっちかと聞かれれば「utf-8」でしょう。
これから間違いなく「utf-8」で統一(推奨)されますからね。
今どちらで表示されているのか気になるところですが、もし「shift_jis」でDBを使っているとかなどで影響が大ならば、今のままと言うのもありだと思います。
但し現行、何も問題が発生していないのが前提です。
「utf-8」が推奨なんですね。
現在は取り敢えず問題なく表示されてるのでこのままで行きつつ、
時間を見て少しずつ「utf-8」に直していこうと思います。
回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
CSSの外部ファイル使用に関して。
-
htmlとcssを分けたい。
-
cssファイルがダウンロードでき...
-
テーブルが二つ横に並んでしまう
-
HTMLの CSSのファイルというの...
-
styleswitcherについて(ページ...
-
ホームページの文字コードにつ...
-
webデザイン a要素のhref="/"
-
CSSの外部ファイル読み込み...
-
XHTML+CSSレイアウトについて
-
ワードプレスで太字が反映され...
-
CSS @importからのスタイル適応...
-
ページ読み込み時にcss、javasc...
-
CSSファイルは、どこから読み込...
-
サイトを作る時のcssファイルは...
-
jspにcssを反映させるには
-
CSSファイルの上手な使い方を教...
-
cssで、ボタンのテキスト部分を...
-
ディレクトリ構成【「common」...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
Dreamweaver のテンプレートで...
-
jspにcssを反映させるには
-
cssで、ボタンのテキスト部分を...
-
エクセルファイルにCSSを読み込...
-
ワードプレスで太字が反映され...
-
ブラウザでプレビューでCSSが反...
-
どうすればなるんですか?
-
複数のhtmlで同じcssファイルを...
-
CSSとMacの関係
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
CSSファイルを入れるフォルダは...
-
リンクについて
-
【CSS】スタイルやクラスがどの...
-
Bootstrapとbootswatchの設定
-
外部CSS。ページ全体の背景...
-
BODYタグのstylesrcって?
おすすめ情報