Sublime Textで、Google Chrome以外で文字化けしてしまう

HTMLを勉強しはじめたのですが、
Sublime Textで、文字化けしてしまいます。
Google Chromeでは文字化けしず表示されるのですが、
Internet ExplorerやMicrosoft Edge だと完全に文字化けしてしまっていて、
「莠ｬ驛ｽ縺ｮ繝輔Μ繝ｼ繝ｩ繝ｳ繧ｹ繧ｦ繧ｧ・・・」とのように
なってしまいます。
Internet Explorerは11を使っています。
Sublime Textでエンコードの設定は特に行っておりません
（もともとUTF-8とのようですが・・）

<!DOCTYPE html>
<html>
	<head>
		<mata charset="UTF-8">
		<title>サイトタイトルがここに入ります。</title>
		<meta name="discription" content="サイトの説明文がここに入ります">
		<meta name="keywords" content="キーワード,キーワード2">
		<meta name="author" content="著者名">
	</head>
	<body>
		<h1>サイト</h1>
	</body>
</html>

m.ts10806

2019/08/29 07:14

なるべく正しく表記願います。（大文字小文字も正確であるに越したことはありません） Google Clome　→　Google Chrome internet explorer　→　Internet Explorer ファイル自体の文字コードも確認してみてください。 https://qiita.com/unsoluble_sugar/items/8b9b1d7e3a71742d3057

行動規範の内容に同意します

回答1件

ベストアンサー

<mata charset="UTF-8">

mata になっています。

Sublime Text使ったことないですが、
テキストエディタによっては警告出してくれると思いますよ。

上記はBracketsの例。
未知のタグなので「閉じる必要がある」ということで</head>などが赤字になっています。

上記はEclipseの例。
「未知のタグ」と黄色い波線でしっかり警告を出してくれています。

Sublime Textも探せば構文チェックのアドオン・プラグインはあると思います。

投稿2019/08/29 07:20

編集2019/08/29 07:27

m.ts10806

総合スコア80850

yyymmm

2019/08/29 07:27

初歩的すぎて、お恥ずかしいです。。ありがとうございました。エディターの紹介もありがとうございます。

m.ts10806

2019/08/29 07:28

若干、追記しています。手で打っていると間違えやすいので予測変換機能を利用してもいいかもしれません。

m.ts10806

2019/08/29 07:36

この手の間違いは中級者以上でも平気であるので恥ずかしいと思わなくて良いと思います。中級者以上となると「間違えてないはず」という思い込みが強くなって逆に見つかりにくいです。また熟練者は多くが構文チェック機能のあるエディタ、IDEや予測変換機能によって効率的に開発を進めているので私も結局エディタの機能によって発見しました。なかなか目がいかないんですよね、今回みたいな細かいところに・・（私もまず最初に環境を疑いましたし）

yyymmm

2019/09/02 05:32

ご丁寧に、ありがとうございます。Bracketsを使いはじめました！

行動規範の内容に同意します