我们都知道，内联的JavaScript是在页面的 <script> ... </script> 标签内添加，内联的样式是在 <style> ... </style> 标签内添加；而外部共享的JavaScript文件，则是通过 <script src="..."></script>来引入，共享的样式文件不是通过 <style src=""></style> 的形式引入，而是通过 <link rel="stylesheet" href="...">形式引入，这是为什么呢？
w3c最初的设计中<script>标签也没有src属性，使用 <link rel="..." href="..."> 来引入当前文档外部的资源，如：父文档，翻译，或者层叠样式表等。<link rel="" href="" meidia=""> 元素规定了当前文档和外部资源之间的关系，它常用来引入外部的样式表，我们可以通过rel属性设置为stylesheet来使用。后来为<script>添加了src属性。
href是引用和页面关联，是在当前元素和引用资源之间建立联系，src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。
<script src="js.js"></script>当浏览器解析到这一句的时候会暂停其他资源的下载和处理，直至将该资源加载，编译，执行完毕，图片和框架等元素也是如此，类似于该元素所指向的资源嵌套如当前标签内，这也是为什么要把放在底部而不是头部。
<link href="common.css" rel="stylesheet"/>当浏览器解析到这一句的时候会识别该文档为css文件，会下载并且不会停止对当前文档的处理，这也是为什么建议使用link方式来加载css而不是使用@import。
网友评论