相对路径:
1. 相对于当前文件的同一目录:
<img src="image.jpg" alt="图片">
<a href="page.html">链接到另一页</a>
2. 相对于当前文件的上一级目录:
<img src="../images/image.jpg" alt="图片">
<a href="../otherpage.html">链接到上一级目录的页面</a>
3. 相对于当前文件的子目录:
<img src="assets/image.jpg" alt="图片">
<a href="subfolder/page.html">链接到子目录的页面</a>
绝对路径:
1. 绝对URL(完整的网络地址):
<img src="https://www.example.com/images/image.jpg" alt="图片">
<a href="https://www.example.com/otherpage.html">链接到其他网站的页面</a>
2. 绝对路径(本地文件系统):
<img src="/Users/username/documents/images/image.jpg" alt="图片">
<a href="C:/Users/username/documents/otherpage.html">链接到本地文件系统的页面</a>
注意事项:
- 相对路径:
- 相对路径基于当前文件的位置。
- . 表示当前目录,.. 表示上一级目录。
- 绝对路径:
- 绝对路径是从文件系统的根目录或网络的根开始的完整路径。
- 在Web开发中,绝对路径通常用于引用外部资源,如CDN上的库文件。
- URL:
- URL用于引用网络上的资源,包括图像、样式表、脚本等。
确保使用正确的文件路径是非常重要的,以确保Web页面正确地加载所需的资源。相对路径和绝对路径的选择取决于你的项目结构和需求。
转载请注明出处:http://www.zyzy.cn/article/detail/3137/HTML