エンティティ名は、エンティティ参照の「＆」の直後に続く必要があります

Question 1

* .xhtmlページにパックマンゲームを配置したい（jsf2とprimefaces3.5を使用しています）

しかしながら、

xhtmlでhtmlページを「翻訳」すると、次のスクリプトでエラーが発生します。

    <script>

    var el = document.getElementById("pacman");

    if (Modernizr.canvas && Modernizr.localstorage && 
        Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) {
      window.setTimeout(function () { PACMAN.init(el, "./"); }, 0);
    } else { 
      el.innerHTML = "Sorry, needs a decent browser<br /><small>" + 
        "(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>";
    }
  </script>

行で：

if (Modernizr.canvas && Modernizr.localstorage &&

私は得る：

エンティティ名は、エンティティ参照の「＆」の直後に続く必要があります。

それを修正する方法はありますか？

Question 2

これまでに投稿されたすべての回答は正しい解決策を示していますが、具体的な問題の根本的な原因を適切に説明できる回答はありませんでした。

Faceletsは、XHTML + XMLを使用してHTML出力を生成するXMLベースのビューテクノロジです。XMLには、XMLパーサーによって特別に扱われる5つの特殊文字があります。

< タグの始まり。
> タグの終わり。
" 属性値の開始と終了。
' 属性値の代替の開始と終了。
&エンティティの開始（で終わる;）。

以下の場合に&続いされていない#（例えば 、 など）、XMLパーサーは、暗黙のうちに5人の1を探している定義済みのエンティティ名 lt、gt、amp、quotおよびapos、または任意の手動で定義されたエンティティ名。ただし、特定のケースでは&、XMLエンティティとしてではなく、JavaScript演算子として使用していました。これは、発生したXML解析エラーを完全に説明しています。

エンティティ名は、エンティティ参照の「＆」の直後に続く必要があります

本質的に、JavaScriptコードを間違った場所、つまりJSファイルではなくXMLドキュメントに記述しているため、それに応じてすべてのXML特殊文字をエスケープする必要があります。&以下のようにエスケープする必要があります&。

だから、あなたの特定のケースでは、

if (Modernizr.canvas && Modernizr.localstorage &&

になる必要があります

if (Modernizr.canvas &amp;&amp; Modernizr.localstorage &amp;&amp;

XMLで有効にします。

ただし、これにより、JavaScriptコードの読み取りと保守が困難になります。Mozilla Developer Networkの優れたドキュメント「XHTML用のJavaScriptの記述」で述べられているように、JavaScriptコードを文字データ（CDATA）ブロックに配置する必要があります。したがって、JSFの用語では、次のようになります。

<h:outputScript>
    <![CDATA[
        // ...
    ]]>
</h:outputScript>

XMLパーサーは、ブロックの内容をXMLではなく「プレーンバニラ」文字データとして解釈するため、XML特殊文字を「現状のまま」解釈します。

ただし、JSコードを独自のJSファイルに配置することをお勧めします。このファイルに<script src>は、、またはJSF用語で<h:outputScript>。を含めます。

<h:outputScript name="onload.js" target="body" />

（target="body";このようにすると、JSFは、それ自体がどこにあるかに関係なく、の<script>最後に自動的にレンダリングします。これにより<body>、および;と<h:outputScript>同じ効果が得られるため、そのスクリプトでこれらを使用する必要はありません）window.onload$(document).ready()

これにより、JSコードのXML特殊文字について心配する必要がなくなります。追加のボーナスとして、これにより、ブラウザーにJSファイルをキャッシュさせて、合計応答サイズを小さくすることができます。

参照：

Question 3

すべてのXHTML文字を手動で調べてエスケープする場合を除いて、スクリプトタグ内にCDATAタグを追加する必要があります（たとえば、に&なる必要があります&）。例えば：

<script>
//<![CDATA[
var el = document.getElementById("pacman");

if (Modernizr.canvas && Modernizr.localstorage && 
    Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) {
  window.setTimeout(function () { PACMAN.init(el, "./"); }, 0);
} else { 
  el.innerHTML = "Sorry, needs a decent browser<br /><small>" + 
    "(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>";
}
//]]>
</script>

Question 4

パーサーはいくつかのHTMLコンテンツを期待しているため&、のようにエンティティの始まりと見なされèます。

この回避策を使用してください：

<script type="text/javascript">
// <![CDATA[
Javascript code here
// ]]>
</script>

したがって、コードがHTMLテキストではなく、そのまま使用されるデータであることを指定します。

Question 5

行う

<script>//<![CDATA[
    /* script */
//]]></script>

Question 6

XHTMLを使用する場合は、何らかの理由で、XHTML 1.0 C 4に「スクリプトで<または＆または]]>または-を使用する場合は外部スクリプトを使用する」と記載されていることに注意してください。つまり、スクリプトコードをscript要素内に埋め込まずに、別のJavaScriptファイルに入れて、で参照します<script src="foo.js"></script>。

Question 7

Bloggerの誰かが到着した場合に備えてBeautify、VSCodeで拡張機能を使用しているときにこの問題が発生しました。それを使用しないbeautifyでください、それをしないでください。