Q&A
なんのファイルをコード整形しようとしていますか？タグにあるjsonファイルですか？
【visual studio codeバージョン】
1.2.1
【現在の状態】
以下はvisual studio codeショートカットキーエディタから引用
json
1{ "key": "shift+alt+f", "command": "editor.action.format", 2 "when": "editorTextFocus" },
以上のエディタにあるshift+alt+fのショートカットキーを何度試してもコード整形されません。
・ソースファイルにカーソルをおいて、shift+alt+fショートカットキー押しても何も変わらない。
・ソースファイルすべて選択(ctrl+a)を押してから、shift+alt+fショートカットキー押しても何も変わらない。
【質問】
以上の状況から何か原因がわかる方、ご教授お願いします。
【追記】
html
1<!DOCTYPE html> 2<head> 3<meta http-equiv="Content-Type" content="text/html; charset=utf8"> 4</head> 5<style type="text/css"> 6h1{ 7 text-align: center; 8 margin-top: 100px; 9} 10</style> 11<body> 12<h1>senpai,notice me!</h1> 13</body> 14</html> 15
>>なんのファイルをコード整形しようとしていますか？
例えばvscodeで開いたhtmlファイルです。
>>タグにあるjsonファイルですか？
vscodeのショートカットキー参照ファイルの拡張子がjsonです。
そのファイルからコピペしてここへ(質問に)貼り付けただけです。
【悲報】って…ここ2chじゃないんだから
回答3件
0
ソースを拝見したところ、html タグが開いていないようです。
そのため、html ファイルと認識されていないのかもしれません。
HTML
1<!DOCTYPE html> 2<head>
この部分を
HTML
1<!DOCTYPE html> 2<html> 3<head>
こうしてみてください。
投稿2016/06/17 16:23
総合スコア28660
<!DOCTYPE html>のところでhtmlタグは開かれていると思います。
それは気のせいです。
タグについて
<br> <!DOCTYPE> などのように、閉じなくても良いタグがあります。
しかし、<!DOCTYPE> タグは <!DOCTYPE> であって、<html> とは別物です。
この場合の<!DOCTYPE html>は<!DOCTYPE>タグの中にhtmlを加えているので、同時にhtmlタグを解放していると思います。
そんなことがどこの仕様書に書いてありますか？
<!DOCTYPE> はドキュメント宣言と呼ばれるもので <html> は HTML のルート要素です。(!DOCTYPE は HTML の要素ではありません。)
ドキュメント宣言がルート要素を兼ねるという記述をどこで見たのか教えてください。
調べて見ましたが、そのようなことはどこにも書いてありませんでした。
<!DOCTYPE html>の次に<html>タグを書くのが一般的のようですが、ではなぜhtmlタグを省略して書いても、ブラウザ上で正常に動くのはなぜでしょう。私の場合だと<html>タグを省略しても問題ないという解釈になります。
文法的に間違っている HTML があふれているため、ブラウザは文法が間違っていても可能な限り意図を類推して表示するようになっています。
なるほど、納得しました。google chromeでhtmlファイルを実行し、右クリックの検証をクリックしてソースみたら<!DOCTYPE html>の次に自動的に<html>タグが割り振れてありました。
書かなくてもいいかもしれませんが、礼儀として書いた方がいいということですね。
勉強になりました。ありがとうございます。
ところで、<!DOCTYPE html>の次にhtmlタグを書かなくても正常にコード整形されたようなので、どうやら関係ないようでした。
礼儀がどうこうでなく、書かなくてはいけません。
書かない場合、正常に処理できなくても文句は言えません。
解決したなら、どう解決したのかを書いて問題を共有してください。
参考情報です。
W3CのHTML5の仕様(http://www.w3.org/TR/html5/syntax.html#syntax)
を見ると、
8.1 Writing HTML documentsに、
> Documents must consist of the following parts, in the given order:
> 1. Optionally, a single "BOM" (U+FEFF) character.
> 2. Any number of comments and space characters.
> 3. A DOCTYPE.
> 4. Any number of comments and space characters.
> 5. The root element, in the form of an html element.
> 6. Any number of comments and space characters.
とあり、3.のDOCTYPEと5.のhtml要素は明確に分かれています。また、順序についてもこの順であることになっています。mustなので、仕様的には、書いても良い、というより書くべき内容と思います。
0
ベストアンサー
私の環境下ではshift+alt+fでHTMLが整形できました。
可能性としては…そもそもHTMLが整形出来ないレベルで構文を間違えているか、
shift+alt+fのショートカットがなにかと衝突していることでしょうか。
ショートカット一覧でshift+alt+fを探して、2つ存在しないか確認してみてください。
投稿2016/06/17 07:06
総合スコア9206
>>可能性としては…そもそもHTMLが整形出来ないレベルで構文を間違えているか
htmlファイルを実行しましたが、異常はありませんでした。
>>shift+alt+fのショートカットがなにかと衝突していることでしょうか。
>>ショートカット一覧でshift+alt+fを探して、2つ存在しないか確認してみてください。
検索しましたが、shift+alt+fのショートカットキーは一つだけでした。
以下のような最小のHTMLの構成にしてもう一度shift+alt+fを押してフォーマットが働くか確認してください。
<html>
<head>
</head>
<body>
</body>
</html>
何度も試しましたが、うまくいきませんでした。
なにかExtensionをインストールしましたか？
what is a Extension??
日本語でいうところの拡張機能です。こういうものです。
http://www.atmarkit.co.jp/ait/articles/1511/27/news029.html
拡張機能のことですか？？
デフォでインストールしたような気がします。
インストールしたばっかなので、そいった拡張機能には触れていません。
とくに拡張機能をいれていないのなら、最終手段Visual Studio Codeの再インストールを試してみてはいかがでしょうか。
やってみます。
インストールしなおしました。
新規作成したファイルはうまくいきましたが、
既存のファイルを開いて、行おうとするとうまくいきません。
うーむ…それはそのファイルの中の記述が何か問題がある気がします。よろしければ質問文に貼り付けることはできますか？私の環境でも試してみようと思います。
載せました。
出来ますね…
VisualStudioCodeは拡張子を見てフォーマット方式を決めているようなので、もしかしていまフォーマットをかけようとしているファイルの拡張子がhtmlではなかったりしませんか？全角文字が混じってるとかスペースが混じってるとか…
>>フォーマットをかけようとしているファイルの拡張子がhtmlではなかったりしませんか？
確認しましたが、html拡張子で間違いありませんでした。
>>全角文字が混じってるとかスペースが混じってるとか…
全角スペースはありませんでした。
【自分自身の分析】
前に使っていたエディタがSublime Text3でした。そのエディタで編集したソースを開いてるのが原因かなと感じました。なぜなら、Visual studio codeで作ったソースファイルはコード整形ができるからです。
以上が関係なければ、Visual studio codeエディタ自体の不具合であるかなと思います。
文字コードのUTF8やBOMありなしが関係あるかもしれないですね
そうですか…
0
Ctrl+K Ctrl+D
投稿2016/06/17 06:48
総合スコア28660
ctrlを長押しで、Kキーの次にDキーですよね？？
試して見ましたけどダメでした。
あなたの回答
tips
プレビュー
