关于url,src,href的区别联系
来源:互联网 发布:手机淘宝详情制作软件 编辑:程序博客网 时间:2024/06/06 02:31
URL就是资源(图片,文件,超链接等等)的位置。
URL可以用src和href属性来指定
src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请求src资源时会将其指向的资源下载并应用到当前文档中,例如js脚本,img图片和frame等元素。
<script src="js.js"></script>当浏览器解析到这一句的时候会暂停其他资源的下载和处理,直至将该资源加载,编译,执行完毕,图片和框架等元素也是如此,类似于该元素所指向的资源嵌套如当前标签内,这也是为什么要把js放在底部而不是头部。
href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系,src表示引用资源,表示替换当前元素,用在img,iframe,超链接上,src是页面内容不可缺少的一部分。
<link href="common.css" rel="stylesheet"/>当浏览器解析到这一句的时候会识别该文档为css文件,会下载并且不会停止对当前文档的处理,这也是为什么建议使用link方式来加载css而不是使用@import。
补充:link和@import的区别
两者都是外部引用CSS的方式,但是存在一定的区别:
区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。
区别4:ink支持使用Javascript控制DOM去改变样式;而@import不支持。
作者:Tyler Ning 出处:http://www.cnblogs.com/tylerdonet/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,如有问题,可以通过以下邮箱地址williamningdong@gmail.com 联系我,非常感谢。
- 关于url,src,href的区别联系
- href ,src.url的区别
- url,href,src的区别
- url、href、src区别
- url、src与href属性的区别
- url href src rel的区别
- rel、href、src、url的区别
- html中的url、href、src的区别
- URL、SRC、href之间的区别
- 关于web开发中遇到的href,url, src这几个属性的区别个人小结
- src 与 href 属性的区别以及 url 的概念
- URL,href和src的定义与区别
- web前端笔记:url,href,src的区别
- url、src、href定义以及使用区别
- url、src、href定义以及使用区别
- src和href的区别
- href与src的区别
- src与href的区别
- 安卓6.0使用WifiManager.getScanResults()获取的集合为空
- 1-bit and 2-bit Characters:判断有1或2位编码构成的编码
- javaEE之三大部件之Servlet
- C#中问号“?”的用法
- 2017.10.30一试
- 关于url,src,href的区别联系
- php将文件转化为baseb4位编码形式(方案一)
- Java-String类
- NOIP2016提高组Day2
- Linux安装JDK
- Word Embedding 和Skip-Gram模型 的实践
- Request header is too large
- eclipse上的项目部署之后丢失css,js等配置文件,只有lib文件
- java基础之常用类—File类和String类(重点)