首页 >

HTML的相对路径怎么写(详解HTML中相对路径的写法) |h5跟html5的区别

HTML的相对路径怎么写(详解HTML中相对路径的写法) |h5跟html5的区别

相对路径的写法

相对路径的写法有两种:一种是相对于当前文件所在的目录,另一种是相对于当前文件所在的父目录或子目录。下面将分别介绍这两种写法。

相对于当前文件所在的目录

相对于当前文件所在的目录,相对路径的写法比较简单,只需要在文件名前加上路径即可。例如,如果要引用当前目录下的一个图片文件,可以这样写:

gage.jpg”>

如果要引用当前目录下的一个CSS文件,可以这样写:

k rel=”stylesheet” href=”style.css”>

如果要引用当前目录下的一个JS文件,可以这样写:

y file.jpg”的图片文件,可以这样写:

gy%20file.jpg”>

相对于当前文件所在的父目录或子目录

相对于当前文件所在的父目录或子目录,相对路径的写法稍微有些复杂。首先要明确当前文件所在的位置,然后根据需要引用的文件所在的位置来确定路径。下面以一个例子来说明:

lages/”下的一个图片文件,可以这样写:

gagesage.jpg”>

其中,两个点“..”表示返回到上一级目录,即当前文件所在的父目录。如果要返回到上上级目录,可以写成“../../”,以此类推。

l/subdir/”下的一个CSS文件,可以这样写:

k rel=”stylesheet” href=”../style.css”>

l/subdir2/”下的一个JS文件,可以这样写:

需要注意的是,如果文件名中包含空格或其他特殊字符,应该使用URL编码来表示。


HTML的相对路径怎么写(详解HTML中相对路径的写法) |h5跟html5的区别
  • 如何在HTML中灵活设置表格的长宽属性 |html全屏广告
  • 如何在HTML中灵活设置表格的长宽属性 |html全屏广告 | 如何在HTML中灵活设置表格的长宽属性 |html全屏广告 ...

    HTML的相对路径怎么写(详解HTML中相对路径的写法) |h5跟html5的区别
  • css 选择某个兄弟元素 |webstorm scss编译css
  • css 选择某个兄弟元素 |webstorm scss编译css | css 选择某个兄弟元素 |webstorm scss编译css ...

    HTML的相对路径怎么写(详解HTML中相对路径的写法) |h5跟html5的区别
  • 运营HTML代码怎么使用? |html5控制符置于底层
  • 运营HTML代码怎么使用? |html5控制符置于底层 | 运营HTML代码怎么使用? |html5控制符置于底层 ...