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" />