【プログラミング初心者】HTMLが文字化けしたときの対処法

10月 5, 2020

htmlの文字化け 対処法はカンタン!

文字化けって地味に困りますよね。。。でも、すぐに直せたよ(/・ω・)/

めだか皇帝
こんにちは!めだか皇帝@medakabloger )です!ブログ収益は最高で月30万円以上です!

プログラミング学習をしていて、たとえばこんなことありませんか?

htmlの文字化け 対処法はカンタン!

文字化け・・・。

htmlの文字化け 対処法はカンタン!

文字化け・・・。

でも、これは初心者にありがちなことであって、カンタンに直せます!

筆者の自己紹介

めだか皇帝
mineo歴7年目の格安SIMユーザー。15年以上使ったドコモから、格安SIMのマイネオに乗り換えたことで月6000円以上の節約に成功しました!メインでマイピタ10GB、サブ機でマイそく1.5Mbpsを利用中です!


meta charset のタグ指定が無いか間違ってる

htmlの文字化け 対処法はカンタン!

先ほどの文字化けが起きたファイルはHTMLで、下記のような記述となっています。

<form action="checkbox2.php" method="get">
    <input type="checkbox" name="men[]" value="うどん">うどん<br>
    <input type="checkbox" name="men[]" value="そば">そば<br>
    <input type="checkbox" name="men[]" value="ラーメン">ラーメン<br>
    <input type="checkbox" name="men[]" value="パスタ">パスタ<br>
    <input type="submit" value="注文する!">
</form>

でも、これだと文字化けする可能性が高いです。

文字化けを回避するには、meta charsetを指定しましょう!

やりかたはカンタン。下記の一行を追加するだけです。

<meta charset="UTF-8">

つまり、こうすればOK!

<meta charset="UTF-8">
<form action="checkbox2.php" method="get">
    <input type="checkbox" name="men[]" value="うどん">うどん<br>
    <input type="checkbox" name="men[]" value="そば">そば<br>
    <input type="checkbox" name="men[]" value="ラーメン">ラーメン<br>
    <input type="checkbox" name="men[]" value="パスタ">パスタ<br>
    <input type="submit" value="注文する!">
</form>

はい、これで文字化けを回避できました!

htmlの文字化け 対処法はカンタン!

文字化けの回避方法は下記の方々に教えていただきました!ありがとうございました!

HTMLには文字化け対策が必要です!

htmlの文字化け 対処法はカンタン!

「utf-8」で書いているのに、ブラウザが「Shift-JIS」だと判断したときに文字化けが起きます。

ですから、きちんと文字コードを宣言しておく必要があるんですね。

文字化け対策のより詳しい情報は下記より確認してください。

今すぐ対策できる!HTMLで文字化けを直す方法【初心者向け】

プログラミング学習には難しいことがいっぱいありますね。

でも、解決策がわかればカンタンに修正できることもあります。

プログラミング学習が不安な方や独学が難しい方は、プログラミングスクールの無料体験などいかがでしょうか?



【無料体験】プログラミングスクールのTechAcademy 詳しくはコチラ

まとめ 【プログラミング初心者】HTMLが文字化けしたときの対処法

htmlの文字化け 対処法はカンタン!

というわけで、HTMLが文字化けする原因は文字コードの宣言がなかったからでした。プログラミング経験者なら当たり前のようなことでも、プログラミング初心者だと何がなんだかわからずに焦ってしまいますよね。

解決方法としては、meta charset のタグ指定が無いか間違ってることが考えられます。

下記の一行を追加してみましょう。

<meta charset="UTF-8">

挿入場所は<head>~</head>の中か、学習用のコードで<head>~</head>が無い場合は、一番上の行に追加してみましょう!

以上、【プログラミング初心者】HTMLが文字化けしたときの対処法でした!

読者の方へメッセージ


めだか皇帝
毎月の固定費の節約は効果絶大です!貯金やおこづかいを増やそう!

格安SIMを検討しているあなたへ

僕はドコモ時代、毎月8,000円以上を支払っていました。それがmineoにしたら、ほぼ違和感なしに月2,000円台に。月6,000円以上の節約。年間で7万2千円以上の節約😅

奥さんもmineoに乗り換えたので、合計で年14万円以上の節約。14万円もあれば、旅行にも行けるし、おいしいものも食べられるし、欲しいものも買えますよ😆

でも、格安SIMの乗り換えって面倒ですよね。そんなあなたのためにmineoが事務手数料3,300円を無料にするキャンペーン実施中。

このタイミングで乗り換えないと絶対に損。お申し込みは今すぐに👍


mineoの契約が3300円もお得に

事務手数料無料キャンペーン

期間限定!お見逃しなく!





この記事を書いた人

めだか☆皇帝

マイネオ歴7年目(2016年01月~)🤗

格安SIMに移行して、奥さんと二人で70万円以上のスマホ代の節約に成功!
mineo(格安SIM)にすれば
毎月のスマホ代を安くできる💰
苦しい家計も楽になるよ🎵

おすすめプランは一択👉
マイピタ10ギガプラン×パケット通信プラス(無料)で1958円🔥
マイピタ10ギガプラン

マイネオのパケット放題プラスについて
マイネオのパケット放題プラス

月990円でパケット使い放題🔥マイネオの『マイそく』
マイネオの『マイそく』

-プログラミング

Copyright© めだか皇帝@格安SIM帝国 , 2024 All Rights Reserved.