霍者博客

web前端大神 href和src有什么区别呢?

相信大家对href和src一定不会陌生,平时我们开发项目,只知道a和link标签习惯性的,行尸走肉式的使用href;而img和script也是习惯性的使用src链接资源。然而我们对于为什么使用href或者src并不是太深入的了解。

href和src是有区别的,而且是不能相互替换的。我们在可替换的元素上使用src,然而把href用于在涉及的文档和外部资源之间建立一个关系

href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下:

<link href="app.css" rel="stylesheet" />

浏览器明白当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被被暂停)。这与把css文件内容写在<style>标签里不相同,因此建议使用link标签而不是@import来吧样式表导入到html文档里。

src (Source)属性仅仅嵌入当前资源到当前文档元素定义的位置。当浏览器找到:

<script src="app.js"></script>

在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停(这也就是为什么有的网页就因为一个JS,就会造成网页加载时间过长的原因)。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。当然,img标签页与此类似。浏览器暂停加载直到提取和加载图像。

原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/509.html,标题:web前端大神 href和src有什么区别呢?

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。