src,href 和rel的区别

src用于替换当前元素,值一般是引用的文件的绝对路径或者相对路径

href 属性的值可以是任何有效文档的相对或绝对URL,包括片段标识符和JavaScript代码段

rel REL属性用于定义链接的文件和HTML文档之间的关系。StyleSheet,的意思就是样式调用,REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。

src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。
<script src ="js.js"></script>
当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加
<link href="common.css" rel="stylesheet"/>
那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css,而不是使用@import方式。

原文地址:https://www.cnblogs.com/chaojiyingxiong/p/9719882.html

时间: 2024-11-10 01:25:49

src,href 和rel的区别的相关文章

link @import区别 src href的区别

先说页面引入css的四种方式吧 1 在头部写在style里面 2 行内样式 tyle= 3 外部引入 link和@import的区别 link属于XHTML的标签,而@import只是css提供的一种方式 link除了加载css还能做其他的事情,比如定义RSS 而@import只能加载css link在页面加载的时候会被同时加载 比较快 @import会在页面全部加载完后再加载 比较慢 有兼容问题 link兼容性好 @import在IE5以上才支持 =======================

href=#与href=javascriptvoid(0)的区别

#"包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 或者<input onclick> <div onclick>等 打开新窗口链接的几种办法 1.window.open('url') 2.用自定义函数 <script>       

[转]android中OnTouch和OnClick、 imagebutton的src和background有什么区别

1.OnTouch和OnClick有何区别? 专业回答 1.onClick就传入一个View对象,而 onTouch要传入一个View 对象和 MotionEvent的对象2.onTouch对控件的操作比onCilck更丰富,比如判断触摸的状态(比如按下,或者放开),和得到点击的位置等等3.当对一个控件触摸的时候touch 先调用, onclick是 对 touch 的一个扩展实现 2.imagebutton的src和background有什么区别呢? 专业回答 2013-07-23 09:43

img, script, link 的 src/href 为空时的bug

重复加载 这个 bug 并不新鲜.早在 2009 年,Nicholas C. Zakas 就发现了空 src 的危害性:Empty image src can destroy your site. Nicholas 的发现可以概括为一句话:img, script, link 的 src/href 为空时,有可能会导致冗余请求. 今天这个 bug 的起因,可以补充 Nicholas 的发现:CSS 里,background url 为空时,也有可能会导致冗余请求. 除了空值,还有一个值也会出问题:

【转】onclick事件与href=&#39;javascript:function()&#39;的区别

href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件.造成非预期效果. 而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后

url、src、href定义以及使用区别

URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它. url分为相对url和绝对url: 1.绝对URL 绝对URL(absolute URL)显示文件的完整路径,这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关. 2.相对URL 相对URL(relative URL)以包含URL本身

src href

作者:张路链接:http://www.zhihu.com/question/19708137/answer/18923770来源:知乎 src :source的简写,表示“源”,可以理解为[引用一个资源],就好像@贺师俊所说,用来代替自己本身的内容.如img.script.iframe.它们如果不写src,那么本身没有内容,script会不存在脚本代码,img会显示x,iframe会显示空白页.例如<script type="text/javascript" src="

Android的ImageView中的android:src和android:background的区别

http://www.androidren.com/index.php?qa=301&qa_1=android的imageview中的android-src和android-background的区别 有下面几个不同点: 1.src是前景foreground.background是后景background. 2.src是显示内容,background是背景. 3.background是所有view都有的属性,而src是ImageView特有的,它会受到android:scaleType的影响,而

location.replace与location.href,location.reload的区别

1. location.replace顾名思义是替换的意思 这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后 退按钮永远不会变为可用 onclick="javascript:location.replace(this.href); <a href="javascript:location.replace('http://www.baidu.com')">点击这个链接进入新页面后看是否可以后退返回本页面</a>