有效的HTML - '<' or '>' 在<script>標籤之間

Question

當我使用HTML驗證：

http://validator.w3.org/

它給了我一個錯誤。在我的網頁的標題，我有這樣的事情：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#countdown').countdown({ 
     until: '+2d+3h+1m+6s', 
     layout: '{d<}{dn} {dl}, {d>}{hnn}:{mnn}:{snn}' 
    }); 
}); 
</script> 

被賦予一個字符串中layout該器件內置一個<。驗證器發出錯誤。

因爲它是腳本標記的一部分，我只是打折嗎？這與驗證器有關嗎？

我知道有些人可能會建議把它放在一個外部文件中，但它是動態的，我不想弄清楚。

Answer 1

您與CDATA包裹它

<script type="text/javascript"> 
//<![CDATA[ 
$(document).ready(function(){ 
    $('#countdown').countdown({ 
     until: '+2d+3h+1m+6s', 
     layout: '{d<}{dn} {dl}, {d>}{hnn}:{mnn}:{snn}' 
    }); 
}); 
//]]> 
</script> 

參考：https://developer.mozilla.org/en/properly_using_css_and_javascript_in_xhtml_documents

Answer 2

如HTML 4建議的說明中提到有關元素內容指定非HTML數據，結束標記SCRIPT元素中承認，但其他類型的標記 - 例如開始標記和評論 - 不是。對於定義爲具有CDATA內容的元素，這是SGML的一個不直觀的怪癖。

嘗試

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#countdown').countdown({ 
     until: '+2d+3h+1m+6s', 
     layout: '{d<}{dn} {dl}, {d\>}{hnn}:{mnn}:{snn}' 
    }); 
}); 
</script>