释放双眼,带上耳机,听听看~!
HTML路径指文件存放的位置,在网页中利用路径可以引用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。
上一次我们学到了如何在网页中插入图像,其中用到的一个<IMG>标签就要用到HTML路径,因为它要去调用图片信息啊,没路径怎么行,既然要路径我们怎么去写入路径呢?其实有两种方式我们一个个来看!
相对路径
相对路径是指目标相对于当前文件的路径,网页结构设计中多采用这种方法来表示目标的路径,相对路径有多种表示方法。表示方法如下:
- ./ :代表文件所在的目录(可以省略不写)
- ../ :代表文件所在的父级目录
- ../../ :代表文件所在的父级目录的父级目录
- / :代表文件所在的根目录
要理解的是”/”这个表示文件所在的根的目录,其实可以理解成项目内部的绝对路径。
如果我们要在网页中引入000.css这个CSS文件怎么写呢?
- <linkhref=”./css/css1/000.css”/>
- <link href=”/html/css/css1/000.css”/>
- <link href=”../html/css/css1/000.css”/>
上面这三种方法都可以调用到ooo.css这个文件,这个就是我们所说的相对路径写法,我个人比较偏向第二种,毕竟是最好理解的,”/”后面把网站页面文件夹一个个写进去就可以了,比较好记忆。
绝对路径
绝对路径是指完整的网址,假设图一中项目的网站域名为www.zhanbaoku.com,那么000.css的绝对路径应该是什么呢?
绝对路径:<link href=”www.zhanbaoku.com/HelloHBuilder/html/css/css1/000.css”/>
总结:
在以后的开发过程中尽量都用相对路径去写,毕竟比较好迁移拷贝项目,万一开发环境变了,调用的数据找不到就尴尬了。