src和href的区别
首先我们先简述一下src与href的区别
src
<img src="图像URL" /> URL(Uniform Resource Locator,统一资源定位符)
src是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;
在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
href
<link href="CSS文件的路径" rel="stylesheet" type="text/css"/>
href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。
用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。
它有几个属性:
- :link /* 未访问的链接 */
- :visited /* 已访问的链接 */
- :hover /* 鼠标移动到链接上 */
- :active /* 选定的链接 */
注意写的时候,他们的顺序尽量不要颠倒 按照 lvha 的顺序
该语法中,link标签需要放在head头部标签中,link标签的属性具体如下:
href
:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。
type:
定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CSS样式表。
rel:
定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,
表示被链接的文档是一个样式表文件。
用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。
src和href的区别相关推荐
- link和import的区别,src和href的区别,css hark 以及HTML5及css3的新增特性
link和import的区别 link是标签浏览器会在一开始就渲染样式而import是引入会在最后引入 link是XHTML标签,无兼容问题:@import是在CSS2提出的,低版本的浏览器不支持 l ...
- 1. src 和 href 的区别?
1. src 和 href 的区别? src 和 href 都是用来引用外部的资源, 它们的区别如下: src: 表示对资源的引用, 它指向的内容会嵌入到当前标签所在的位置.src 会将其指向的资源下 ...
- src和href的区别,并且img中的srcset的作用是什么?
一.src和href的区别 src是指向外部资源的位置,指向的内容会嵌⼊到⽂档中当前标签所在的位置,在请求src资源时会将其指向的资源下载并应⽤到⽂档内,如js脚本,img图⽚和frame等元素.当浏 ...
- src与href的区别
href: 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接. src:是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置:在请求src资源时会将其 ...
- HTML中href src区别,html中 href 和 src 的定义与区别
看了几天的html,一直觉得没有把href和src的区别和用的地方搞清楚,今晚就来捋一捋. 才开始觉得href和src是没有有区别的,只是不能用在同一个标签中. 后来发现href和src是有区别的. ...
- src与href属性的区别
src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在 ...
- src与href区别
src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在 ...
- src、href区别
src和href都是用于外部资源的引入,像图片.CSS文件.HTML文件.js文件或其他web页面等. 区别:src用于替代这个元素,而href用于建立这个标签与外部资源之间的关系. 例如: a标签里 ...
- 分析href、src、url的区别
href.src.URL都是用来引用的,还有CSS中的url()函数,看似他们完成的工作相同,但仔细分析是有区别的,了解他们的区别可以帮助我们更好的设计网页. RUL:Uniform Resource ...
最新文章
- Powershell script for config_Win10
- 比赛-模拟赛 (17 Aug, 2018) (待施工)
- MATLAB R2014a 中文版下载安装图文教程
- R6034--ARCENGINE
- 父窗口控制子窗口的行为-打开,关闭,重定位,回复
- 使用Source Monitor检测Java代码的环复杂度
- golang结构体tag的使用
- 两个整数集合的交集 ———— 腾讯2014软件开发笔试题目
- GithubPage自定义腾讯404界面
- 应用开发之Linq和EF
- Oracle脚本(三)
- 企业人力资源管理中的数据分析
- BZOJ 3162:独钓寒江雪
- 关于电子科技大学学生用餐状况的一些调查
- hc05刷hid固件_Arduino使用HC05蓝牙模块与手机连接
- Python自动化办公【PDF文件自动化】
- 微信小程序服务器该如何选择
- 欠定方程组的最小范数解
- VMware ESXi 6.7 配置iSCSI存储(分流)
- CTF学习-密码学解题思路
热门文章
- 【vs quick】winmm.lib 解决 timeBeginPeriod 找不到
- STM32 嵌入式学习入门(4)——PWM原理
- 助力传统游戏转型GameFi,Web3Games推动游戏发展新航向
- java 麻将的发牌与洗牌_JAVA程序设计(11)-----面对对象初级设计 麻将 创建麻将牌 然后洗牌 发牌~ 恩 就这样...
- c语言编程 元旦快乐,不同编程语言打印“元旦快乐!
- 微信公众号对接淘宝客系统,淘口令解析
- 学生党使用正版Altium Designer 22并导出IDF文件
- 安卓自定义View画钟实现转动
- 开源网络压测工具dperf登上了github C语言趋势榜
- Javaweb化妆品网上购物系统