全百科精品资源分享
免费优质资源下载平台

HTML中如何表示根目录?HTML的绝对路径与相对路径

播放按钮

路径指文件存放的位置,在网页中利用路径可以引用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。以下讨论均是在HTML环境下进行。

HTML的绝对路径与相对路径

HTML中如何表示根目录?

代码示例

"/aaa" //表示跟目录下的aaa
"../aaa" //表示当前目录的上级目录下的aaa
"bbb/aaa" //表示当前目录的bbb目录下的aaa

HTML之绝对路径与相对路径

相对路径

相对路径是指目标相对于当前文件的路径,网页结构设计中多采用这种方法来表示目标的路径。相对路径有多种表示方法,其表示的意义不尽相同。表示方法如下:

./ :代表文件所在的目录(可以省略不写)

../ :代表文件所在的父级目录

../../ :代表文件所在的父级目录的父级目录

:代表文件所在的根目录

值得注意的是,(/ :代表文件所在的根目录)其实可以理解成项目内部的绝对路径。

举例:

如果要在test.html中引入000.css,可以有以下写法:

<linkhref="./css/css1/000.css"/> (./可以省略)
<link href="/html/css/css1/000.css"/>
<link href="../html/css/css1/000.css"/>

绝对路径

绝对路径是指完整的网址,假设图一中项目的网站域名为www.quanbaike.com,那么000.css的绝对路径应该是

https://www.quanbaike.com/html/css/css1/000.css

Free Download WordPress Themes
Download WordPress Themes
Premium WordPress Themes Download
Download Best WordPress Themes Free Download
lynda course free download
download lava firmware
Download Nulled WordPress Themes
udemy paid course free download

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » HTML中如何表示根目录?HTML的绝对路径与相对路径
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏