码迷,mamicode.com
首页 > Web开发 > 详细

src与href的小总结

时间:2017-05-02 22:16:23      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:hyper   16px   地址   sheet   src   位置   bsp   导致   标签   

src (source) 源

可替换的元素,src指向的内容会嵌入到文档中当前标签所在的位置

如常用:<img src="images/logo.png"/>

 

href  (Hypertext Reference) 超文本引用

用于在涉及的文档和外部资源之间建立一个关系,让当前标签能够链接到目标地址上,而非是为了把目标拉进页面来替换原有的内容

如常用:<a href="#"></a>

 

*但当我们加载js和css文件时

<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

加载js文件时:js内容嵌入到文档中,浏览器解析,此时会暂停浏览器的渲染,直到该资源加载完毕。(这也是我们如果把js文件放在header里面时,因为加载js的原因,页面出来总要慢个几秒)

加载css文件时:页面解析不会暂停,不会因为单一的错误而导致接下来的样式加载。

 

 

 

src与href的小总结

标签:hyper   16px   地址   sheet   src   位置   bsp   导致   标签   

原文地址:http://www.cnblogs.com/Tiboo/p/6798580.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!