html中相对路径代码
导读:HTML的相对路径是在编写代码时候用到的,它指的是目标文件相对于当前页面所在的文件夹的路径。例如:假设存在一个文件夹myFolder里面有两个文件index.html和style.css。在index.html中引入style.css时,可...
HTML的相对路径是在编写代码时候用到的,它指的是目标文件相对于当前页面所在的文件夹的路径。
例如:
假设存在一个文件夹myFolder里面有两个文件index.html和style.css。在index.html中引入style.css时,可以使用相对路径来跨文件夹引入样式代码。link rel="stylesheet" href="style.css"> 这段代码中,href="style.css"表示引入的文件style.css与index.html在同一文件夹内。
相对路径的格式如下:
../ 表示上一层文件夹./ 表示当前文件夹/ 表示网站根目录
相对路径的使用场景:
当链接或图片等资源与HTML页面在同一目录下,或者位于HTML页面的子目录或父目录下,都可以使用相对路径来引用。例如:img src="../images/logo.jpg"> 表示图片在当前目录的父目录下的images文件夹内。
需要注意的是,相对路径的编写要保证路径的准确性,否则会导致文件无法正确加载。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html中相对路径代码
本文地址: https://pptw.com/jishu/530051.html