2

MDNのWebGLチュートリアルで、<script>タグを </body>タグの後ろに記述しているのですが


Q1.<script>タグを、</body>タグの外に記述しても良い?


Q2.<script>タグを、</body>タグの外に記述するメリットは?
・どうしてこのような書き方をしているのでしょうか?
・WebGLだから??

1 件の回答 1

7

Q1.<script>タグを、</body>タグの外に記述しても良い?

ダメです。

https://html.spec.whatwg.org/multipage/semantics.html#the-html-element

Content model:
    A head element followed by a body element

https://html.spec.whatwg.org/multipage/scripting.html#the-script-element

Contexts in which this element can be used:
    Where metadata content is expected.
    Where phrasing content is expected.
    Where script-supporting elements are expected.

Q2.<script>タグを、</body>タグの外に記述するメリットは?

とくにないと思われます。</body>の直前に書いても同じですし、他の場所に置いて defer 属性を付けてもよいです。このHTMLを書いた人のミスでしょう。

追記:
そもそも、HTMLパーザによって</body>後に書いてるタグはbody要素の子として追加される と仕様に書いてありました。DevTools などで見ると<script>が移動しているのがわかります。
https://html.spec.whatwg.org/multipage/parsing.html#parsing-main-afterbody

12.2.6.4.19 The "after body" insertion mode
   → Anything else
     Parse error. Switch the insertion mode to "in body" and reprocess the token.

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。