質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

3回答

1583閲覧

html超初心者です。文字化けについて

hirositakasi

総合スコア6

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/01/24 04:24

前提・実現したいこと

メモ帳でhtmlを試し打ちしてデスクトップに保存後、確認すると文字化けしてます。
初心者ですいませんが対処法お願いします

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/01/24 04:34

実際のコードを提示されないとなんとも言えないと思います。 文字コードも確認してください(調べてください。)
guest

回答3

0

文字コードや文字エンコーディングという言葉はわかりますか?
Windowsの「メモ帳(notepad)」で名前を付けて保存するとき、
「文字コード」という箇所があることに注目してください。
一般的にネット上に掲載する情報は「UTF-8」であることが望ましいとされているので、
UTF-8で保存し直したものをFTPでアップロードして試してください。

それと、HTML5に準拠する場合は、
HEAD要素の内側に、
<meta charset="UTF-8">を、
HTML4以前の場合には
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
をいった記述を与えることで、
そのHTMLの文字コードを明示することができます。
(わからなければ、どちらかをHEADに書けばOK)

投稿2020/01/24 04:28

編集2020/01/24 04:32
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hirositakasi

2020/01/24 04:33

丁寧な回答ありがとうございます! すいませんがFTPって何ですか?
NEO_PLANETT-777

2020/01/24 04:36

サーバーとクライアント間で、ファイルを送受信するもの 有名なのはFFFTPってソフトです
hirositakasi

2020/01/24 04:41

なるほどですね!ありがとうございます。 ソフトをインストールしてみます。
guest

0

ベストアンサー

保存する際の文字コードを変更して保存すると化けないパターンがあると思われます。(大抵はANSIかUTF-8のどちらか)
イメージ説明

仕組みとしては
HTMLページの文字コードを設定する
あたりを読んでみてください。


メモ帳はHTML編集には致命的に向いていないので、HTML エディタあたりをキーワードにして検索して適当なエディタを探して使うようにすることを強くお勧めします。

投稿2020/01/24 04:33

編集2020/01/24 04:36
tanat

総合スコア18713

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2020/01/24 05:47

上の回答の画像にあるのは昔のメモ帳のものではないですか? いつから変わったか把握してないですが、最新 Windows 10 のメモ帳の「名前を付けて保存」では ANSI, UTF-16 LE, UTF-16 BE, UTF-8, UTF-8 (BOM 付き) が選べ、デフォルトは BOM なしの UTF-8 になります。
tanat

2020/01/24 06:44

ご指摘ありがとうございます。 確かに、回答のメモ帳はwin10 Enterprise 1803 のものなので、現在の最新とは異なりますね。 後ほどwin10 Pro環境で確認して、画像と回答を修正しておきます。
guest

0

METAタグのcharsetはどうなってます?
UTF-8だと化けるよ
Shift-JISなら化けないですよ

投稿2020/01/24 04:28

編集2020/01/24 04:29
NEO_PLANETT-777

総合スコア333

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hirositakasi

2020/01/24 04:34

回答ありがとうございます。METAタグについて調べてみます!
退会済みユーザー

退会済みユーザー

2020/01/24 05:29 編集

この スレッドの html ソースには、 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> があるのですが文字化けしてないのはどういう訳でしょう? なお、メモ帳で「名前を付けて保存」すると、昔は ANSI (Shift_JIS) でしたが最近はデフォルトで BOM なしの UTF-8 になります。
KojiDoi

2020/01/24 05:31

今更shift-jisを勧めるなんてちょっとあり得ないですね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問