質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

Q&A

解決済

2回答

2667閲覧

vscode の html:5 で<meta http-equiv="X-UA-Compatible" content="ie=edge">の表示をさせたい。

Tarpro9

総合スコア5

Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

0グッド

0クリップ

投稿2020/05/10 06:59

前提・実現したいこと

プログラミングを始めて三週間の初心者です。
windows10でvscodeを使っています。

新規htmlフォルダを作成してから「html:5」で展開しているのですが

<meta http-equiv="X-UA-Compatible" content="ie=edge">

この行が抜けて表示されます。

1.この行は必要なものか。
2.この行を html:5 で入力する場合、どうすればいいのか。
アドバイスをお願いします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

html

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> ここに表示されないです。 --> 7 <title>Document</title> 8</head> 9<body> 10 11</body> 12</html>

試したこと

いろいろなサイトや個人ブログなどで確認しましたが方法が見つけられなかったです。
更新確認もしましたが、最新の更新がないみたいです。

補足情報(FW/ツールのバージョンなど)

vscodeのバージョンです。

バージョン: 1.45.0 (user setup)
コミット: d69a79b73808559a91206d73d7717ff5f798f23c
日付: 2020-05-07T16:18:48.860Z
Electron: 7.2.4
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Windows_NT x64 10.0.18362

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

2.この行を html:5 で入力する場合、どうすればいいのか。

ユーザースニペットを追加します。

1 (バージョンによりますが)左下の歯車のマークをクリック→ユーザー スニペット

2 上の方に「スニペットファイルの作成またはもしくはスニペットの作成」と書かれたコマンドパレットが出ますので「html」と入力して Enter キーを押します。

3 html.json というファイルが表示されるので以下のように書き換えて保存します。

json

1{ 2 // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and 3 // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 4 // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 5 // same ids are connected. 6 // Example: 7 // "Print to console": { 8 // "prefix": "log", 9 // "body": [ 10 // "console.log('$1');", 11 // "$2" 12 // ], 13 // "description": "Log output to console" 14 // } 15 "html5": { 16 "prefix": "html:5", 17 "body": "<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\n <title>${1:Document}</title>\n</head>\n<body>\n $2\n</body>\n</html>" 18 } 19}

【参考リンク】
[Sy] Visual Studio Code で Emmet の展開コードを変更する方法(html5のlang属性の例) | Syntax Error.

投稿2020/05/10 07:23

Yasumichi

総合スコア1773

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Tarpro9

2020/05/10 07:50

できました! ありがとうございます。
guest

0

1.この行は必要なものか。

書いての通り、Internet Explorerのバージョン設定用の行です。IEで見られることを前提としないページであれば不要です。

投稿2020/05/10 07:04

maisumakun

総合スコア145184

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Tarpro9

2020/05/10 07:51

ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問