相对路径中,用符号“.”来表示当前目录,用符号“..”来表示当前目录的父目录。

href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。调用css文件时 使用<link rel="stylesheet" href="../site.css" />,浏览器明白当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被被暂停)。这与把css文件内容写在<style>标签里不相同,因此建议使用link标签而不是@import来吧样式表导入到html文档里。

src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置,引用资源代替本身的内容。调用js文件时 使用<script type="text/javascript" src="../xx.js"></script>,在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。类似的有script、iframe、img标签页,浏览器暂停加载直到提取和加载图像、框架等。

转载于:https://www.cnblogs.com/yihen-dian/p/8038720.html

href 和 src 区别相关推荐

  1. HTML中href src区别,html中 href 和 src 的定义与区别

    看了几天的html,一直觉得没有把href和src的区别和用的地方搞清楚,今晚就来捋一捋. 才开始觉得href和src是没有有区别的,只是不能用在同一个标签中. 后来发现href和src是有区别的. ...

  2. src与href属性的区别

    src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在 ...

  3. url,href,src区别

    URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL ...

  4. href与src的区别

    转载自: href和src的区别 href与src的区别 (1)请求资源类型不同: href是超文本引用的简写,用来为当前元素和文档之间建立连接,常用的是link.a标签. src会将指向的资源下载并 ...

  5. 分析href、src、url的区别

    href.src.URL都是用来引用的,还有CSS中的url()函数,看似他们完成的工作相同,但仔细分析是有区别的,了解他们的区别可以帮助我们更好的设计网页. RUL:Uniform Resource ...

  6. href和src的区别

    href和src都是用来引用外部资源的属性.例如:网址.图片.视频.css文件.js文件等. href(Hypertext Reference)超文本引用,用来建立当前元素和文档之间的连接.常用有li ...

  7. html src href 路径,src跟href,url的区别

    什么是URL: URL是Uniform Resource Location的缩写,译为"统一资源定位符".通俗地说,URL是Internet上用来描述信息资源的字符串,主要用在各种 ...

  8. 前端面试题-url、href、src

    作者:WEBING https://segmentfault.com/a/1190000013845173 一.URL的概念 统一资源定位符(或称统一资源定位器/定位地址.URL地址等,英语:Unif ...

  9. [html] url、href、src 详解

    URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL ...

  10. url、href、src

    一.URL的概念 统一资源定位符(或称统一资源定位器/定位地址.URL地址等,英语:Uniform Resource Locator,常缩写为URL),有时也被俗称为网页地址(网址).如同在网络上的门 ...

最新文章

  1. python爬虫执行scrapy crawl demo出现: import win32api ModuleNotFoundError: No module named 'win32api'错误
  2. 我们工作到底为了什么(坚持全篇看完你将受益匪浅)(转)
  3. 对于位置无关代码的理解
  4. python 交互图形 bokeh学习总结
  5. 查找文本字母并且统计个数
  6. [SDOI2009]HH去散步(矩阵)
  7. LeetCode 1049. 最后一块石头的重量 II
  8. AvtiveMQ与SpringBoot结合
  9. 教你如何使用for循环来做一些小图案
  10. 魔方机器人之下位机编程------下位机完整程序
  11. table 表格边框线去重
  12. 地形系统shader学习
  13. 如何安装使用Oracle10g
  14. Python中文件路径
  15. 海龟交易法则11_历史测试的谎言
  16. Maven导入依赖时jar包出现unknown
  17. 原生js+css 实现轮播图 完整代码
  18. 微型计算机断电后信息将会丢失,2018年职称计算机考试题库(20)
  19. 中国独角兽企业前景预测及投资规划建议报告2022-2028年版
  20. 电脑族的饮食葵花宝典

热门文章

  1. Servlet教程第4讲笔记
  2. java接口自动化框架_java接口自动化测试框架及断言详解
  3. opencv+Dlib人脸融合
  4. python读取txt每一行存入数组
  5. 深度解密换脸应用Deepfake
  6. #Deep Learning回顾#之2006年的Science Paper
  7. .sql文件导入mysql数据库中
  8. opencv中的merge函数
  9. 2021-08-03 SELECT简单查询
  10. 当identity_insert 设置为off时不能为表_最近新get日志测试方法,再也不用为故障响应慢发愁!...