アプリ版：「スタンプのみでお礼する」機能のリリースについて

JavaScript上で文字化け

解決済

  • 質問者：dradra33
  • 質問日時：
  • 回答数：2件

●質問の主旨

下記のプログラミングでGoogleChrome上に
表示させると添付画像の「誤）」のように文字化けします。

下記のコードのうちどこを修正すれば
文字化けがなくなるでしょうか？

ご存知のかたご教示願います。

●コード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>(株)HTML5</title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<script src="js/main.js"></script>
</head>
<body>
<header>
<div><img src="images/logo.png" width="320" height="32" alt="ロゴ"></div>
</header>
<nav>
<ul>
<li><a href="info.html">会社概要</a></li>
<li><a href="product.html">商品案内</a></li>
<li><a href="order.html">ご注文</a></li>
<li><a href="recruit.html">採用情報</a></li>
<li><a href="news.html">お知らせ</a></li>
<li><a href="contact.html">お問い合わせ</a></li>
</ul>
</nav>
<article>
<h1>電力事情について</h1>
<p>
現在、電力供給に不安があるため、各事業部は国内の
データセンターだけでなく海外のデータセンターへの
移行も視野に入れる必要がでてきました。
</p>
<p>
今後はリスク分散について早急に対処しなければいけません。
</p>
</article>
<section id="main">
<h1>新商品の売り上げ推移</h1>
<p><b>toHTML5.app</b>の発売から1年たちました。
手軽にWebアプリを変換できる<b>toHTML5.app</b>は順調に売り上げを伸ばして
います。
これまでの売り上げの推移を以下の表に示します</p>
<p>[<a id = "toggleSwitch">▲売上の表示をしない</a></p>
<table>
<thread>
<tr><th>年/月</th><th>売上金額</th></tr>
</thread>
<tbody>
<tr><th>2015年/1月</th><td>-31</td></tr>
<tr><th>2015年/2月</th><td>-41</td></tr>
<tr><th>2015年/3月</th><td>-59</td></tr>
<tr><th>2015年/4月</th><td>265</td></tr>
<tr><th>2015年/5月</th><td>358</td></tr>
<tr><th>2015年/6月</th><td>979</td></tr>
</tbody>
</table>
<p>
<strong>注意：売上の単位は百万円です。またプラグインの売り上げも合算
されています。</strong>
</p>
<p>
更新日：<time datetime="2015-02-15">2015年2月15日</time>
</p>
</section>
<aside>
<div><img src="images/banner.png" width="200" height="200" alt="広告"></div>
</aside>
<footer>
<p><small>2011 &copy; (株)HTML5</small></p>
<p>〒100-0014 東京都千代田区永田町1-7-1</p>
</footer>
</body>
</html>

「JavaScript上で文字化け」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： luka3
  • 回答日時：

『10日でおぼえるHTML5入門教室』ですよね？



HTMLソースの入力は自分でやったのでしょうか。
メモ帳を使っているなら「名前をつけて保存」で「文字コード」を「UTF-8」を選んで保存してください。

ちなみにサンプルのHTMLソースはこちらからダウンロード可能です。

・翔泳社『10日でおぼえるシリーズ』：ダウンロード
http://www.shoeisha.com/book/hp/10days/down/

メモ帳で開けばUTF-8として編集できます（上書き保存で可）。
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： bin-chan
  • 回答日時：

このソースファイルそのもののキャラクタセットは何ですかね？



SJISで保存されてるなら
<meta charset="utf-8">
を
<meta charset="s-jis">
に変更すれば直ると思います。

やり方間違ってたらごめんなさい
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報