href 和 src 区别

相对路径中，用符号“.”来表示当前目录，用符号“..”来表示当前目录的父目录。

href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。调用css文件时 使用<link rel="stylesheet" href="../site.css" />，浏览器明白当前资源是一个样式表，页面解析不会暂停（由于浏览器需要样式规则去画或者渲染页面，渲染过程可能会被被暂停）。这与把css文件内容写在<style>标签里不相同，因此建议使用link标签而不是@import来吧样式表导入到html文档里。

src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置，引用资源代替本身的内容。调用js文件时 使用<script type="text/javascript" src="../xx.js"></script>，在浏览器下载，编译，执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。类似的有script、iframe、img标签页，浏览器暂停加载直到提取和加载图像、框架等。