html/css相对路径和绝对路径引用标准写法

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

HTML中涉及文件的相对路径和绝对路径的概念

1.相对路径,就是放在同一目录下的子文件的相对位置。
如果两个文件在同一目录下可以直接引用,比如:c:\test1.html 和 c:\test.css 。html可以直接引用css。
如果两个文件不在同一目录,但是有相同的上级目录,也可以使用相对路径 。比如c:\test1.html 和c;\img\test.jpg有相同的上级目录c:\。所以html可以使用图片引用语句
进行相对路径引用(其中../代表上一级目录,多个上一级目录可以使用多次../)
2.绝对路径,绝对路径就是在硬盘上的真实路径。比如c;\img\test.jpg。因为相对路径比较灵活简便,而且绝对路径可能存在找不到文件的问题。所以网页中一般不使用绝对路径
ps:相对路径使用“/”字符作为目录的分隔字符,而绝对路径可以使用“\”或“/”字符作为目录的分隔字符

css相对路径和绝对路径引用标准写法

/ 代表根目录,慎用
../ 代表上一级目录
../../ 代表上两级目录
/.. 代表下级目录
/../.. 代表下两级目录

标准写法:

同级 直接引用文件名

下级 同级目录/下级目录/文件名

未经允许不得转载:作者:有鱼, 转载或复制请以 超链接形式 并注明出处 抓虾网
原文地址:《html/css相对路径和绝对路径引用标准写法》 发布于2019-07-25

分享到:
赞(0) 打赏

评论 抢沙发

8 + 5 =


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册