JavaScriptを<!-- -->で囲むのって具体的にはどのブラウザに対する配慮なんでしょうか？

Question

HTML上にJavaScriptを直書きするときなど、

<script>
<!--
console.log("hogehoge");
-->
</script>

こんな感じに<!-- .... -->でJavaScriptのコードがコメントアウトされているのをよく見ます。

このような記述をするのはscriptタグを認識していないブラウザだと
JavaScriptのコードが直接画面に表示されてしまうからそのための配慮、
というのは知識としては知っているのですが、

この『scriptタグを認識していないブラウザ』というのは
具体的にはどのバージョンのどのブラウザなのでしょうか？

対応ブラウザの要件として、最も古いブラウザになるのは
今だと多分IE6になると思うのですが（IE8対応すら減ってきてますが）

いくらIE6でもScript要素を知らないということは流石にありません。

ちょっと興味があり検証しようとしてみましたがIE6以前のものは
エミュレータも配布されていないようです。

Web黎明期から活躍してきた技術者の皆様教えていただければ幸いです。

正直なところ「可読性を下げるだけで何の役にも立ってないのでは？」というのが
本音ですが、それは置いといて・・・

Answer 1

色々仕様書をあさってみたところ、HTML3.2の時にはscriptが既に考慮されていました。(将来的に使う予定なので、表示するなと言う記述だけですが)
HTML3.2 仕様書 STYLE, SCRIPT
その後のHTML4でscriptを理解できないブラウザのためにコメントアウトについての記述がありました。
HTML4.01 仕様書 18.3.2 スクリプトデータをユーザエージェントから隠す
なお、script内に<や>などがあってもSGMLとして問題無いのかは見つけられませんでした。
そして、XHTML1.0になると、コメントではXMLとして解釈される段階で消されるためなのか、<![CDATA[と]]>で囲めになりました。
XHTML1.0 仕様書 4.8 スクリプト要素及びスタイル要素
最後に、HTML5では、HTML5はもはやSGMLでは無いので、互換性のために、<!--と</script>以外は考慮しなくていいとなりました。
4.11.1.2 script要素のコンテンツの制約

HTML3.2に準拠している時点で不要かと思われます。時代的にはIE3やNN3でしょうか。NC4やIE4の頃にはscriptに対応していたと思いました。(ネットやり始めたのはNC4からなので、その前はちょっと・・・って年がバレる)

なお、現在サポートされている一般的なデスクトップ用ブラウザで最も古いのはIE9です。HTML5で作成した場合は、不要かと思います。

Comments

[think49]

> 最後に、HTML5では、HTML5はもはやSGMLでは無いので、互換性のために、<!--と</script>以外は考慮しなくていいとなりました。
HTMl5 では --> もコメントとして扱われるように仕様が変更されました。
この仕様変更によってWeb制作者は下記のように書ける様になりました。

<script><!--
console.log('test');
--></script>

HTML 4.01 では --> がJavaScriptエンジンで許されない為、//--> のように書かなければ SyntaxError となります。
この仕様変更はHTMLとしてみれば美しいですが、JavaScriptとして見ると余計な制約が増えただけともいえます。
ちなみに、<!-- または --> はHTMLパーサでインラインコメントとして扱う為、minified 処理を間違えると期待通りに動作しなくなります。

<script><!-- console.log('test'); --></script>

HTMLパーサとScriptパーサの両方の動きを保証した書き方をしなければならない為、外部スクリプトにするのが最もスマートといえると思います。

Answer 2

あまり詳しくありませんが、いわゆるテキストブラウザの為の措置だと思っていました。

• w3m
• Lynx

また、検索エンジンやクローラ等のbotも <script> を解釈できない UA が存在すると思われます。
時代の変遷と共に <script> を読み飛ばすクローラが増えると思われますが、全てが完璧なHTMLパーサを持っているわけではない(作りの悪いパーサも中にはある)のでコメントアウトする措置自体は保険として有効だと思います。

Re: opoonabst さん

Answer 3

私はWeb黎明期を知らない若輩ですが、IE3とかNN3とかそのあたりのブラウザだったと思います。
今となってはそのHTMLコメントアウトは不要でしょう。
実際例えばteratailやFacebookやTwitterなどでもコメントアウトされていません。

Answer 4

XSS対策:JavaScriptのエスケープ(その3) - ockeghem(徳丸浩)の日記
http://d.hatena.ne.jp/ockeghem/20070519/1179592129

Scriptタグ内のコメントは…i-mode専用対応だったんだよ！！（キバヤシAA

Answer 5

ページ閲覧目的で利用する一般的なブラウザにはscriptタグを理解できないものは見つけにくいと思います。
ただHTMLを理解して処理するプログラムは多数存在しますし
誰かが自分で作成したブラウザエミュレータもあるでしょうし
将来的に<script>タグが廃止されるかも知れませんし(まず無いと思いますけど）
そんなときに必要の無い<script>タグの中身がはじめからコメント扱いなら、問題もおきにくいだろうなと思います。

Answer 6

http://qiita.com/ha_g1/items/a227731ebea961e8b4e2
スクリプト無効設定です。これで確認をば。
<noscript> タグってまだ有効でしたっけ？

Comments

[otn]

JavaScriptを解釈できるブラウザでJavaScriptを無効にする話と、JavaScriptを解釈できないブラウザの話は、全く別です。なので、この回答は無意味。

[ipadcaron]

スクリプト無効にすれば解釈できないブラウザになるでしょ。スクリプトのセキュリティリスクがなくなってきたのと、スクリプト無しではまともに見れないhpが多くなったお陰でスクリプトを敢えて無効にするという意味が無い行為が話題にならなくなってきただけじゃないんですか。

[chitoku]

スクリプトを解釈できないブラウザと、スクリプトを解釈しないブラウザは全く挙動が異なります。

[sonor_3rd]

質問は「scriptタグを認識せず、scriptタグ内のjavascriptについてコメントアウト化が必要なブラウザは何ですか？」という内容ですね。

[ipadcaron]

了解です、誤りでした

[otn]

> スクリプト無効にすれば解釈できないブラウザになるでしょ。
なりません。無効にすると、「JavaScriptを構文解析して解釈はするが実行はしないブラウザ」になります。

[iwaim]

そもそも「scriptタグを理解するUA」かつ「JavaScriptを解釈できないUA」が存在しうるということは理解した方がいい気がした。

[ipadcaron]

はい、理解足りてませんでした。もっと勉強して理解したものだけに投稿するようにします。

[otn]

> そもそも「scriptタグを理解するUA」かつ「JavaScriptを解釈できないUA」が存在しうる

JavaScriptの構文解析が出来ないUAを「scriptタグを理解するUA」とは言わないでしょう。
あ、「JavaSCript以外の何らかのスクリプト例えばVBScriptだけ構文解析できるUA」ですか？理論的にはあり得ますが実在しないのでは？

[think49]

「script要素を解釈出来るが、scriptコードを実行しないUA」といいたかったのではないかと。
例えば、テキストブラウザ系はscriptエンジンを積んでいませんが、<script></script> はコメントと同様に扱うのが理想的な挙動かと思います。