HTML5でCDATAという書き方をするべきか。

Question

###前提・実現したいこと
CDATAというものがよく理解できてないのですが、JavaScriptでXHTMLで書くという認識をしています。
そして、XHTMLは若干古いという印象です。
HTML5でも、JavaScriptでCDATAの書き方はしたほうがいいですか？
HTML5では、JavaScriptでCDATAは書いても意味ないですか？
JavaScriptでCDATAという書き方も何となく古いというイメージなのですが、そんなことはありませんか？

###該当のソースコード

<script type="text/javascript">
/*<![CDATA[*/
  window.alert("Hello!!");
  console.log("test");
  document.write("<p>JavaScript テスト</p>");
/*]]>*/
</script>

Answer 1

CDATAセクション

• 12.1.5 CDATAセクション - HTML Standard 日本語訳

CDATAセクションは外来コンテンツ（MathMLまたはSVG）でのみ使用できる。この例において、CDATAセクションはMathML ms要素のコンテンツをエスケープするために使用される：

script要素

• 4.12.1 script要素 - HTML Standard 日本語訳

コンテンツモデル：
src属性が存在しない場合、type属性の値に依存するが、スクリプトの内容制限に一致しなければならない。
src属性が存在する場合、要素は空またはスクリプト文書を含むだけでなくスクリプトの内容制限に一致するかのいずれかでなければならない。

スクリプトの内容制限では、CDATAセクションが含まれません。
従って、script要素はCDATAセクションを子に持つことが出来ません。
コンテンツモデルで定義されている方法で、script要素を解釈しないブラウザに配慮している文法は、コメントを利用する事です。

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

HTML 4.01 では下記のように、--> をJavaScriptのコメントとして扱う為にコメントアウトする必要がありましたが、HTML 5 では --> から始まる行をコメントとして扱うようになりました。

<script type="text/javascript">
<!--
console.log('HTML 4.01');
//-->
</script>

Re: tkmnusr さん

Comments

[退会済みユーザー]

ご回答ありがとうございます。
>HTML 4.01 では下記のように、--> をJavaScriptのコメントとして扱う為にコメントアウトする必要が
>ありましたが、HTML 5 では --> から始まる行をコメントとして扱うようになりました。
こちらの仕様に関する情報はどちらに書かれていますか？

Answer 2

CDATAはXMLの仕様です。
CDATAセクションの中にはマークアップがないよっていう意味を持ちます。
具体例は i<10 && j > 100 が <10 && j> っていうタグじゃないっていうことです。
そんなわけで、XMLの性質を持つXHTMLではscript要素でCDATAセクションを使います。

で、HTML5ですが、これはXMLではないので、CDATAセクションは使いません。
HTML5はXHTMLとは別の進化経路を辿ったものです。古いとか新しいとかいう話ではなく別物です。

SGML、XML、HTML、XHTMLの歴史を調べるとより理解できるかと思います。

Answer 3

そもそも論として、ある程度の長さのあるJavaScriptは別ファイルとした方がいいです。外部ファイルであればCDATAも何も関係ありません。

そして、HTML5文書をXMLとして解釈する必要がないなら、CDATAにこだわる必要性もありません。

Comments

[退会済みユーザー]

ご回答ありがとうございます。
すみません、質問が増えてしまいますが、

質問１：
外部ファイルでJavaScriptを読み込むようにすれば、CDATAだけでなく、
下記のような<!-- ～ // -->のコメントも不要ということですか？

<script type="text/javascript">
<!--
window.alert("Hello!!");
console.log("test");
// -->
</script>

質問２：
「HTML5文書をXMLとして解釈する必要がない」とは、普通にWebサイトでページを表示するような場合は、HTML5をXMLとして解釈する必要がないということですか？
ページの表示としてではなく、HTML5文書を外部XMLのデータファイルとして読み込むような場合に、
「HTML5文書をXMLとして解釈する必要がある」ので、そのときにCDATAを書く用途があるということですか？

[maisumakun]

質問1：はい、外側のコメントアウトや<script>も不要で、純粋にJavaScriptの中身だけ書きます。

質問2：はい、HTMLとして表示するだけならXMLである必要はありません。

[退会済みユーザー]

ご回答ありがとうございます。
ご確認ありがとうございました。
HTML5でXMLで書く書き方をXHTML5というのですね。
http://www.html5.jp/html5doctor/html-5-xml-xhtml-5.html