Q&A
ありがとうございます。
<meta charset="UTF-8">
のように記述をしたのですが、変化がありませんでした、、、、
初めまして。現在htmlの勉強をしているものです。
ソースのように、UTF-8で文字コードを指定しているにもかかわらず、写真のように文字化けを起こしてしまいます。
Eclipseを用いています。どうしてこうなっているのか、何が原因なのかわかる方ご指摘いただけると嬉しいです、どうぞよろしくお願いいたします。
html
1<html> 2 <head> 3 <meta http-equiv="content-type" charset="UTF-8"> 4 <title>書籍管理システム-<ログイン></title> 5 <link rel="stylesheet" href="bookAd.css"> 6 </head> 7<div class="container"> 8 <header> 9<div class="header"> 10 11<div class="header_logo_font"> 12<p>書籍管理システムログイン</p> 13</div> 14</div> 15<hr> 16</header> 17 <body> 18 <div class="body"> 19 <div class="content"> 20 <div align="center"> 21 <table border="0"> 22 <form action="list.html" method="get"> 23 <div class="break"> 24 <font class="center" color="#fff">空欄作成のために使用。画面に映りません。</font> 25 </div> 26 <div class="break"> 27 <font color="#fff">空欄作成のために使用。画面に映りません。</font> 28 </div> 29 <center> 30 <b><br><font class="center" color="#ff0000">エラーメッセージエリア</font></b><br> 31 </center> 32 <div class="break"> 33 <font class="center" color="#fff">空欄作成のために使用。画面に映りません。</font> 34 </div> 35 <p>ユーザーID 36 <input class="center" type="text" name="user_id" value="" size="24"> 37 <p>パスワード 38 <input class="center" type="password" name="password" value="" size="24"> 39 <br><br> 40 <input class="login" type="submit" name="login" value="ログイン"></div> 41 </form> 42 </table> 43 </div> 44 </div> 45 </div> 46 </body> 47 48</div> 49</html>
css
1@charset "UTF-8"; 2.header{ 3 top:0; 4 left:0; 5 float:left; 6 position:fixed; 7 height:100px; 8 width:100%; 9 background-color:#808080; 10 padding:10px; 11} 12.header_logo{ 13 float:left 14} 15.header-logo{ 16 padding-top:10px; 17} 18.header_logo_font{ 19 color:white; 20} 21.center{ 22 align:center; 23} 24.login{ 25 float:left; 26 margin-left:625px; 27} 28li{ 29 padding:30px; 30 list-style:none; 31 float:left; 32} 33footer{ 34width: 100%; 35position: absolute; 36bottom: 0; 37} 38.break{ 39 line-height:40px; 40} 41
回答2件
0
ベストアンサー
ファイルの実際の文字エンコーディングが、UTF-8以外になっているのでしょう。
投稿2020/06/26 03:12
総合スコア84487
0
文字エンコーディング指定の方法が間違っています。二種類の方法があるのですが、それらが「混ざっている」感じです。
古来からある方法は下記です。後半が違っていることが判ると思います。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
HTML5では下記のように簡潔にかけます。
<meta charset="UTF-8">
しかし、両者を混ぜることはできませんので、どちらかにすべきで、後で説明したHTML5の書き方（簡潔な方）でよいと思います。
投稿2020/06/26 03:46
総合スコア11701
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/06/26 03:48
2020/06/26 04:23
2020/06/26 04:28
2020/06/26 04:36
2020/06/26 04:49
2020/06/26 05:16
2020/06/26 05:23
2020/06/26 05:43
2020/06/26 05:52
2020/06/26 06:04
2020/06/26 06:08
2020/06/26 06:41