Edited at

ワイのプログラミング学習備忘録1


htmlの超初歩的な躓き

本日より、htmlの学習を始めたのだが、超初歩的なことに頭を抱え、それによって、数十分もの時間を無駄にしてしまったので、今回はそれの原因、解決策をまとめていく。


初めてのhtml

ダウンロード.png

書籍を参考にしながら、初めて作成したhtmlファイル・・・

メモ帳で書き終え、htmlファイルをChromeにて表示した途端、事件は起こった・・・


文字化けの発生

ダウンロード.jpg

body内の文字が全部化けてる!!

原因を解明すべく、コードを一通り眺めてみたが、異常はない!!

しっかりとmeta要素内charset属性UTF-8が指定され、文法ミスは見られなく

、カッコの書き忘れ、スラッシュの書き忘れをしているわけではなかった...

書籍のコードと見比べてみたが、相違点はなし...

Chromeのバージョンが古いというわけでもなく、むしろ最新だった...

最後に原因として考えられるのが、メモ帳だった...

結果として、その予想は見事当たったのであった。


メモ帳事件

ダウンロード (1).jpg

文字化け事件の真犯人は、メモ帳であった。

htmlファイルを新規に作成する際、コイツはコッソリとANSI形式でファイルを保存した。

それにより、htmlファイル内のコードでは、utf-8と指定するも、メモ帳ではANSIとなっており、このことが、表示に関する矛盾を招き、文字化けを発生させてしまった。


メモ帳の文字コードには注意しよう

*To Be Continued!

*