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

2019-07-25 0 1,038

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相对路径和绝对路径引用标准写法

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

标准写法:

同级 直接引用文件名

<link rel="stylesheet" type="text/css" href="theme0.css" rel="external nofollow"  />

 

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

<link rel="stylesheet" type="text/css" href="css/theme0.css" rel="external nofollow"  />

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

抓虾网 经验教程 html/css相对路径和绝对路径引用标准写法 https://www.zhuax.com/1190.html

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务