2014-01-06 28 views
4

我已經看到許多不同的方式來聲明腳本標記。它們中的一些是:在HTML5中聲明腳本標記的最佳方式是什麼?

變形例1:

<script type="text/javascript"> 
    //some javascript here 
</script> 

變形例2:

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

變形例3:

<script language="javascript"> 
    //some javascript here 
</script> 

變形例4:

 <script> 
      //some javascript here 
     </script> 

也有其他的變化。當我們在HTML5 + js中工作時,哪種方式更適合聲明Script標記?

+0

除了變化3(我不是100%確定,所以我會保留它),它們都是有效的方法。這基本上是個人偏好在這一點,據我所知 –

+0

辦理結帳:http://stackoverflow.com/questions/66837/when-is-a-cdata-section-necessary-within-a-script-tag –

回答

4

在HTML5中,您不需要額外的屬性,如「type」。只需聲明與<script></script>的JavaScript代碼。

2

script標籤的默認語言是Javascript,因此不需要明確聲明。

<script> 
//some javascript here 
</script> 

是聲明Javascript塊的最不詳細和最合適的方法。其他人是有效的,但只是多餘的。

MDN

類型:如果這個屬性不存在,該腳本將被視爲JavaScript的

語言:喜歡的類型屬性,該屬性標識 腳本語言使用。但是,與type屬性不同,此屬性的可能值從未標準化。應該使用類型 屬性。

不應使用變體3作爲language屬性從未標準化並在MDN上標記爲不建議使用。

正如Jack指出的那樣,使用<![CDATA[]]>也是多餘的,因爲它僅用於確保文檔可以被解析爲XML。

+1

最好的目前爲止的答案很多。我個人添加一個解釋,添加CDATA完全過時,因爲在這裏:http://stackoverflow.com/questions/66837/when-is-a-cdata-section-necessary-within-a-script-tag –

+0

@ JackBracken - 您鏈接到的問題的最佳答案表示,有些情況下CDATA很有用,而且不會過時。 – Alohci

0
Version 2 : format 

它跳過尋找到了W3C驗證器的JavaScript實現。

此外,它允許通過JavaScript或文字寫在標籤

內的瀏覽器識別,請參閱以下網址瞭解詳情:

Javascript and XHTML

0

JavaScript是默認腳本語言HTML5,所以你可以使用沒有任何類型屬性的腳本標籤。 但是,使用HTML5,您可以獲得一些其他功能,如異步。

相關問題