在 XHTML 中,相对路径用于引用同一网站内的资源,而不是使用完整的 URL。相对路径是相对于当前文档的位置来指定资源的路径。

以下是一些关于相对路径的基本概念和示例:

相对路径的基本概念:

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