XHTML is subject to the same syntactical rules as XML. Because of this, an XHTML processor treats the characters < and & as markup, even if they reside inside a <script> block. Since the < and & characters are also used by the JavaScript language, this creates a conflict. When an XHTML processor sees these characters within the JavaScript code of a <script> block, it attempts to parse the JavaScript code as if it were markup, which causes the XHTML parser to fail.

You can get around this conflict and make all JavaScript code compatible with XHTML by placing the JavaScript code within a CDATA section. A CDATA section in XML/XHTML starts with the characters <![CDATA[ and ends with the characters ]]>.

Any characters within the starting and ending element of a CDATA section are not treated by the XML/XHTML processor as markup, thus preventing a conflict.

Here is an example of how to declare JavaScript code within a CDATA section so that it is compatible with XHTML:

Note that JavaScript source code must be placed within the opening and closing elements of the CDATA section. The CDATA section itself should be commented out with a JavaScript single-line comment // as in the example above. This is so that the JavaScript interrupter does not interpret the CDATA markup as JavaScript, which would cause a JavaScript error.

JavaScript code that is imported into an XHTML document from an external source file is always compatible with XHTML. So, for example, any code you place into the external file external.js and import into an XHTML file via the src attribute of the <script> tag will be valid. Here is an example of how to import the file external.js:

XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) 定義XHTML是為了把HTML 4擴展成像XML 1.0一樣的應用程序。

在許多站點中XHTML正在迅速的替代HTML 4；然而，主流瀏覽器對完全支持XHTML方面表現得不足，和網頁設計師對HTML 4與XHTML的基本差異缺乏理解，產生了當今網絡上的一個不斷擴大的問題。

<script type="text/javascript">



var i = 0;







while (++i < 10)



{



// ...



}



</script>

<style type="text/css">



<!--



body {background-color: blue; color: yellow;}



-->



</style>



<script type="text/javascript">



<!--



var i = 0;



var sum = 0;







for (i = 0; i < 10; ++i)



{



sum += i;



}



alert('sum = ' + sum);



// -->



</script>

<script type="text/javascript">



<!--



var i;



var sum = 0;







for (i = 10; i > 0; --i)



{



sum += i;



}



// -->



</script>

<script type="text/javascript">



//<![CDATA[



var i = 0;







while  (++i < 10)



{



// ...



}



//]]>



</script>

建議

理解XHTML 1.0的HTML兼容指導

這個XHTML 1.0 HTML Compatibility Guidelines幫助創建XHTML文檔向后兼容性在那些不能理解XML的老瀏覽器。

請注意那是純粹的XHTML文檔，你不需要使用xml-stylesheet處理指導，但應該使用link涉及的外部文件包含CSS。