回答受付が終了しました

とみこ

2021/2/23 21:32

44回答

本を読みながらhtmlの勉強してます。 (1時間くらいしかまだしてないです。)

本を読みながらhtmlの勉強してます。 (1時間くらいしかまだしてないです。) 本の通りにノートパソコンのメモ帳機能を使いマークアップし、完成したhtmlのブラウザを表示したらちゃんと表示されたのですが、 もう一度自分のやったマークアップをみたいなと、メモ帳を再度開いて何も変えず、一応上書き保存しとこうと、上書きして、もう一度ブラウザ表示し、 ちょっとアレンジしようかなとメモ帳を開いたら文字化けしてしまいました。 何も変えてないのに。 何故なのでしょう。 直し方もわからないです。 meta charset UTF-8はしてます。 おもい

HTML、CSS | ホームページ作成・33閲覧

回答（4件）

0

prwss

2021/2/24 1:28

>1時間くらいしかまだしてない その段階だと、全部英語で書くのが手っ取り早いです つまり、細かいことは全部無視します

0

ama********

カテゴリマスター

2021/2/24 1:09

>本を読みながらhtmlの勉強してます。 >(1時間くらいしかまだしてないです。) >本の通りにノートパソコンのメモ帳機能を使いマークアップし、完成したhtmlのブラウザを表示したらちゃんと表示されたのですが、 >もう一度自分のやったマークアップをみたいなと、メモ帳を再度開いて何も変えず、一応上書き保存しとこうと、上書きして、もう一度ブラウザ表示し、 >ちょっとアレンジしようかなとメモ帳を開いたら文字化けしてしまいました。 > >何も変えてないのに。 >何故なのでしょう。 >直し方もわからないです。 >meta charset UTF-8はしてます。 メモ帳を開くときに、メモ帳は自動的に文字エンコードを判定しますが、Shift_JISとUTF-8はコードが重なっている部分があるので、(そのコードが重なっている部分では)100%完璧に文字エンコードを判定できません。 下記の開くダイアログの下の方の[文字コード]を[UTF-8]に設定して開いて下さい。 https://images.app.goo.gl/ESKj1V8JgWdXEutw6 いちいち そんな事をするのも面倒なので、UTF-8にBOMを付与することで誤判定を無くすことができます、ただしメモ帳ではUTF-8にBOMを付与して保存することができないので、フリーのエディッタを使う事を推奨します(保存ダイアログでUTF-8のBOM付きを指定して下さい)。 蛇足ですが 「PC、タブレット、スマホ」などで解像度は機種ごとに違うので、特定の解像度に依存しないユーザー･フレンドリー(PCフレンドリー、タブレット･フレンドリー、スマホ･フレンドリー)なページが推奨されます。 Chromeのモバイル･エミュレーターで「PC、タブレット、スマホ」の各解像度をチェックしてみればユーザー･フレンドリーが如何に重要か解るでしょう。 レスポンシブ･デザインが推奨されます。 Webページにおける基本的な注意点 http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+00000231&tsn+00000231&bts+2019/08/12%2011%3A02%3A18& アマチュアの場合で細かく分けたい場合は、メディアクエリで「1312px以上」、「1312px未満～992px以上」、「992px未満～688px以上」、「688px未満」に分割する4パターンのレイアウト構成が推奨されているようです(もちろん、ページのレイアウト構成によっては、それ以下のパターン数でも作成可能な場合もあります)。 (Webページ作成の基本のキとして)ブレイク･ポイントを念頭に置き、必ずワイヤー･フレームを作成して下さい(手書きでも良いですし、単純なレイアウトなら脳内だけでも おｋ)。 https://images.app.goo.gl/neirrqboPj4L9skA7 https://images.app.goo.gl/9vcdKBoEycMYLzBR9 ※3パターンの場合 https://images.app.goo.gl/c6DPhnTj5Xrw1GcQ7 ※3パターンの場合

0

yoy********

2021/2/23 22:56（編集あり）

Windowsのメモ帳で保存したでしょうかな。 そのメモ帳は、BOM無しでの保存ができないので、おすすめしません。 テキストエディタを使うこをおすすめします。 フリーソフトが幾つがありますので、自分好みを使いましょう。 その方が、UTF-8で保存するといった設定もできるので、やってみてはいかがでしょうか。 あと、自動補完という機能が付いたテキストエディタもあります。 https://qeee.jp/magazine/articles/6317

1

じくり

2021/2/23 21:38

どこかの段階でメモ帳の文字コードが変わってしまったのだと思います。 メモ帳の機能で文字コードを変更出来るはずなので、UTF-8なのか他のコードなのか分かりませんが、いくつか試してみましょう。 それほど詳しいわけではないので追加質問には答えられません、悪しからず。

1人がナイス！しています