Q&A
誤字が原因なので入門書と自分で書いたコードを見比べて直せば良いが、
「オプション」が何を指しているサッパリ分かりません
>表示の
>マークは 全角空白以外チェックつけてます。### ****
これも何言ってるのか分かりません
使用中のエディタの事なのか、コードを書けるサイトとかでの話なのか。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charsat="utf-8">
</head>
<body>
ホームページを作成します
</body>
</html>
[EOF]
HTML&CSSの入門書通りにやったのですが、Webで表示するとホームページを作成します が文字化けしてしまいます。
Tera Pad というソフトを使っており
表示→オプションの
初期文字コード UTF-8
保存文字コード 自動
初期改行コード CR+LF
保存改行コード 自動
表示→オプション→表示の
マークは 全角空白以外チェックつけてます。
分かりずらくすいません。
エディタのタイトルバーにある表示 オプションの表示のマークです。
最後の###****はご入力です。
入門書と自分のコードを見比べてるのですが間違いが見当たらないのです。
> 入門書と自分のコードを見比べてるのですが間違いが見当たらないのです。
そんなはずはないので、
https://validator.w3.org/nu/#textarea
ここにhtmlを貼り付けてエラーチェックをしましょう。間違い指摘してくれます。
> エディタのタイトルバーにある表示 オプションの表示のマークです。
残念ながらなんのエディター使ってるか分からないので、やはりマークが何のことなのか分かりません。
html作るならvscode（エディターです）でhtml構文チェックなどの拡張機能入れた方が良さそうだが
TeraPadって懐かしい…。
HTMLだったら拡張ツールで補完（スペニット）があった気がします。
参考書に書かれてるんでしょうか？
TeraPadは年季は入ってるけどリリースが止まっているので、vscodeとか現役のソフトにした方が情報が多そう。
回答2件
0
誤 <meta charsat="utf-8">
正 <meta charset="utf-8">
ここが間違っています。
投稿2020/11/18 18:47
総合スコア136
0
既に指摘のある通り
charsat
→charset
根拠：https://developer.mozilla.org/ja/docs/Web/HTML/Element/meta
本当にcharsatなら書籍の出版元や著者に誤った記載であると指摘する必要があります。同じ書籍を利用した人が間違った認識をさせないようにするためです(つまり間違った書籍をつかまされたあなたは被害者ですよ)
ただし、teratailでもよくあるのですが、「書籍の通りに書きました」という人のほとんどが書けてません。
写すことが目的になっているからです。
コードは書いた通りにしか動かないので、ロジック的な問題でないのなら、間違ったコードを書いたことによる問題になります。
書籍とにらめっこするのではなく、コードそれぞれの意味や仕様を確認、理解しましょう。ネットで探してきたコードを利用するときも同じです。
丸写しでそのまま使うのではなく、意味を理解し正しいコードで正しく使いましょう。
投稿2020/11/19 00:34
総合スコア80852
あなたの回答
tips
プレビュー
