【HTML CSS】路径

统一资源定位符(URL)与路径(path)


统一资源定位符(英文:Uniform Resource Locator,简写:URL)是一个定义了在网络上的位置的一个文本字符串。URL使用路径查找文件。路径指定文件系统中您感兴趣的文件所在的位置。

根目录

当在网站上工作时, 会有一个包含整个网站的目录。

相对路径

相对路径以引用文件所在的位置为参考,而建立的目录路径,包括当前目录、子目录、上级目录

当前目录

同一级路径,直接引用对应的文件名即可

当前文件和contacts.html 在同一个目录下,直接指定链接的文件名即可 

<a href="contacts.html">contacts page</a>

子目录

通过 “/” 进入到子目录

当前文件目录下有一个projects文件夹,其中包含一个index.html,想要链接过去:

<a href="projects/index.html">project homepage</a>

上级目录

通过 “../” 进行上级目录

当前目录的上级目录包含 pdfs 文件夹,pdfs文件夹包含一个 project-brief.pdf 文件

<a href="../pdfs/project-brief.pdf">project brief</a>

绝对路径

绝对路径以web站点根目录为参考基础的目录路径


锚点定位

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容