在HTML5中声明脚本标记的最佳方法是什么?

时间:2014-01-06 10:07:37

标签: javascript 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标签?

4 个答案:

答案 0 :(得分:4)

在HTML5中,您不需要像“type”这样的附加属性。只需使用<script></script>声明JavaScript代码。

答案 1 :(得分:3)

script标签的默认语言是Javascript,因此无需明确声明。

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

是声明Javascript块的最不详细且最合适的方式。其他的都是有效的,但只是多余的。

来自MDN

  

类型:如果此属性不存在,则将脚本视为JavaScript

     

语言:与type属性一样,此属性标识   正在使用的脚本语言。但是,与type属性不同,这个   属性的可能值从未标准化。类型   应该使用属性。

不应使用变体3,因为language属性从未标准化,并且在MDN上标记为已弃用。

正如杰克指出的那样,使用<![CDATA[]]>也是多余的,因为它仅用于确保文档可以解析为XML。

答案 2 :(得分:0)

Version 2 : format
  

它跳过了W3C验证器的javascript实现。

     

它还允许浏览器识别标签内写的JavaScript或文本

请参阅此链接了解更多详情:

Javascript and XHTML

答案 3 :(得分:0)

JavaScript是HTML5的默认脚本语言,因此您只需使用不带任何类型属性的脚本标记。 但是,使用HTML5,您可以获得一些其他功能,例如async。