以下是一些关于相对路径的基本概念和示例:
相对路径的基本概念:
1. 相对于当前文档: 相对路径是相对于当前文档的位置计算的。
2. 文件夹层级: 使用 ../ 表示上一级目录,可以根据文件的位置使用相对路径导航。
示例:
1. 引用同一目录内的文件:
假设你的 XHTML 文档中有一个图片文件 image.jpg,它与 XHTML 文件位于同一目录。你可以使用以下相对路径:
<img src="image.jpg" alt="我的图片" />
2. 引用上一级目录内的文件:
如果文件结构如下:
- root_folder
- subfolder
- xhtml_document.xhtml
- image.jpg
在 xhtml_document.xhtml 中引用 image.jpg 可以使用相对路径:
<img src="../image.jpg" alt="我的图片" />
3. 引用同一目录内的其他 XHTML 文件:
如果你有两个 XHTML 文件位于同一目录,可以使用相对路径链接它们:
<a href="other_document.xhtml">链接到其他文档</a>
4. 引用上一级目录内的其他 XHTML 文件:
<a href="../other_document.xhtml">链接到其他文档</a>
这些是相对路径的基本概念和示例。确保了解当前文档所在的位置,以及如何使用 ../ 等符号来引用不同目录中的文件。
转载请注明出处:http://www.zyzy.cn/article/detail/3637/XHTML