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="b.js">alert(1)</script>,b.js:alert(2); 标准的浏览器里会显示2,因为本身的内容已经被替代了。

href : Hypertext Reference的缩写,表示“超链接”, 目的不是为了引用一个资源,而是为了建立一个“通道”,让当前标签能够链接到目标地址上,并不是为了把目标拉进页面本身内来替换本身的内容,例如a标签的href不会被当做一个资源替换自身,link标签本身并不包含实际的元素意义来做内容,它需要rel明确的表示被【被连接的文档是做什么的】。

如果你的问题是“style标签为什么不用src属性”,那这个问题应该就是历史遗留问题了,我有时候也在想,为什么代表javascript的script标签可以用src属性来引用一个源文件,而身为代表css的style标签却没有src属性呢

有时候我会有一种“错觉”,src引用进来的内容是依托于当前页面的,它需要当前页面为载体来产生作用,比如执行,显示。而href建立的链接相互之间是平等的,页面的css渲染也是双方建立树然后浏览器自身进行规则匹配,并不是css去主动为页面服务。

时间: 2024-10-21 21:33:03

src href的相关文章

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 为空时,也有可能会导致冗余请求. 除了空值,还有一个值也会出问题:

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以上才支持 =======================

AutoFileName 使用src ,href 引入文件时,会自动补全路径的插件

AutoFileName功能:快捷输入文件名 简介:自动完成文件名的输入,如图片选取 使用:输入”/”即可看到相对于本项目文件夹的其他文件 只要输入 src="" 输入双引号就立马出来当前目录的所有的目录地址 ,超级好用 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/11387353.html

正则抓取网页所有href和src

根据抓取的页面,用正则来匹配页面href和src string UserAgent = "Mozilla/5.0 (Windows NT 5.2; rv:29.0) Gecko/20100101 Firefox/29.0"; string ContentType = ""; Uri strReqUrl = new Uri("http://m.lhrb.ufstone.net/"); protected void Application_Begin

JavaScript实用功能代码片段

1.原生JavaScript实现字符串长度截取 1 function cutstr(str, len) { 2 var temp; 3 var icount = 0; 4 var patrn = /[^\x00-\xff]/; 5 var strre = ""; 6 for (var i = 0; i < str.length; i++) { 7 if (icount < len - 1) { 8 temp = str.substr(i, 1); 9 if (patrn.e

jq鼠标经过,放大图片

1.html <div class="imgBox"> <ul> <li><a href="images/1.jpg" class="toolTip" title="图片1"><img src="images/1.jpg" /></a></li> <li><a href="images/2.jpg

什么是跨域,什么是同源

所谓跨域 1.就是跨域名,跨端口,跨协议      例如:如果有两个服务器,服务器A和服务器B,服务器A上存储了php数据,script,甚至是css这些文件,而你在服务器B上只写了html,然后你所在的服务器B上动态创建script,css,php数据(使用ajax请求),向服务器A上请求你想要的script,css,php数请求据(使用ajax)这些文件,请求这些文件后,你再在服务器B上运行你的html,虽然你的地址是在服务器B上,但是你还是可以运行效果与在服务器A上运行的效果是一样的,这样

记录一下今天遇到的问题

1.什么是HTTP协议 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最广的一种网络协议. 所有WWW文件都必须遵守这个标准.设置HTTP最终的目的是为了提供一种发布和接受html页面的方法. HTTP协议,有IETF委员会制定的浏览器和Web服务器之间通信的格式. 2.HTTP/1.1比1.0有哪些改进? (1)持久连接  Connection: keep-alive    不是永久连接 让一次连接中可以发起多个请求-响应 (2)虚拟主机  H

使用python爬取P站图片

刚开学时有一段时间周末没事,于是经常在P站的特辑里收图,但是P站加载图片的速度比较感人,觉得自己身为计算机专业,怎么可以做一张张图慢慢下这么low的事,而且这样效率的确也太低了,于是就想写个程序来帮我下,但是只会C与c++的我看来是无法用他们来做这事的,于是就去学了下简单,强大的python,不得不说,python的模块的确叼,依靠几个模块就可以在完全不知道原理的前提下让程序执行相应功能,这样虽然爽但对于学习不利,我这次就权当写着玩吧,在我学会怎样使用c++来做这事之前我不会再使用python编