友人がウェブ作成ソフトを使って英語と日本語で構成されたウェブサイトを立ち上げましたのですが、
日本語が文字化けをしていたので、ソースを見たところ、
<meta http-equiv="Content-Type" content="" />
となっていたので、
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
への修正を知らせました。
すると、編集用のソースコードのスクリーンキャプチャが送られてきたのですが、
その中に、Content-Typeを示す記述が見つけられません。
そこにあるのは、
<span style="FONT-FAMILY: Impact; FRONT-SIZE: 24pt">〇〇〇 </span>とか
<span style<=”CPLOR: rgb(0,0,205); FRONT-SIZE: 14pt; FONT=WEGHT: bold".〇〇〇</span><br />など、フォントや画像についての情報です。
たぶん、文字化け解消に該当するコードの部分を、キャプチャしていないのでは?と思っています。
編集用のソースコード画面で文字化けを訂正するにはどこを見ればいいのでしょうか?
それとも、冒頭に挙げた<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />と同じ記述どこかにあるはずですか?
ちなみに、友人が活用しているテンプレートは、www.webcity.com.au のものです。(豪在住の方です)
素人にわかりやすいようご指南いただけますと大変助かります。
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />は、ソースコードの上部の方にあります。
HTMLのタグ構造は
<HTML>
<HEAD>文書情報</HEAD>
<BODY>表示内容</BODY>
</HTML>
のように、中身が<HEAD>と<BODY>に分かれています。<meta>情報は必ず<HEAD>の中に入れる必要がありますから、<meta>の記述を確認するにはソースの上部を見れば良いです。
でもまあ、キャプチャじゃなくても、作成したHTMLファイルをそのものを送ってもらってご質問者様が確認すれば良いと思いますが・・・
わざわざキャプチャにする理由が良く分かりません。
HTMLのソースは、HTMLファイルをメモ帳で開けばそのまま見れますよ。中身はただのテキストファイルですから。
あと、念のため、上記のように<meta>でUTF-8を指定しても、実際にファイルのエンコードをUTF-8で保存しなければやっぱり文字化けします。(他のエンコードで保存されたファイルをUTF-8で表示しようとするだけなので)
なので、HTMLファイルを保存するときにちゃんとUTF-8のエンコードで保存しているかは確認した方が良いでしょうね。
保存するときのエンコードの指定の仕方は、使っている編集ソフトによって違うので分かりませんが・・・
ご参考まで。
この回答への補足
懇切丁寧なご説明を本当にありがとうございます。助かります。
該当サイトのソースは、ツールバー「表示>ソース」からテキストファイルで確認し、UTF-8の件を伝えたのですが、そのあとに先方から「編集用ソースコード」としてテキストファイルのキャプチャ画像が送付されてきたので、???「ツールバーの表示>ソース」で見たソースと「編集用ソースコード」って違うの?と混乱した素人同志のやりとりの顛末です(*_*)
投稿の際、このPNGキャプチャ画像をJPEGに変換して貼付しようとしたのですが、小サイズにも拘わらず何故か貼付ができませんでした。
qualheart様がおっしゃるHTMLファイルと、私が「ツールバーの表示>ソース」から拾っているテキストファイルのソースの中身は同じものでしょうか?
エンコードの保存の件、合点しました。ありがとうございます。
お手数をおかけいたしますがよろしくお願いいたしますm(__)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
メモ帳でデータが消えるのです...
-
文字コードについて
-
テキストエディタvscodeでプロ...
-
Dreamweaverでソースが文字化け...
-
テキストファイルで下線を引く
-
「x-sjis」「Shift_JIS」同じ意...
-
MacbookAirのhtmlの表示
-
htmlファイルの表示が真っ白
-
mhtファイルからの日本語部分の...
-
java_run.batがダウンロードで...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
どのページもすべて同じURLなの...
-
HTMLページが勝手にダウンロー...
-
医療画像(Windows用)をMacで...
-
ページ全体を中央に配置したい...
-
フォルダ内の最初のファイル名...
-
PS4で、「バージョン5.05以上の...
-
HPにPDFデータを載せるの...
-
無償で使えた Turbo D...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlファイルの表示が真っ白
-
Dreamweaverでページ全体が文字...
-
テキストエディタvscodeでプロ...
-
エクセルで作成した表のハイパ...
-
テキストエディタ grepの機能...
-
Dreamweaverでソースが文字化け...
-
テキストファイルで下線を引く
-
eclipseを使ってweb上に表示さ...
-
htmlファイル を ソース...
-
SSIでインクルードしたファイル...
-
【文字コード】UTF-8だとDreamW...
-
HP作成で…日本語と韓国語表示
-
オフラインでのHTMLについて
-
ホームページを作りたいのです...
-
htmlファイルが開けません。
-
カウンターのHTMLを貼り付ける...
-
SSIでレイアウトが崩れる?
-
半角カタカナ(csvやtxtデータ...
-
900KBは多いですか?
-
DreamWeaver文字コードが変更さ...
おすすめ情報