是否有可能使HTML代码引用独立于文件系统?

时间:2014-02-10 14:30:48

标签: html

我不确定我是否正确地提出了这个问题,但这是我能想到的最好的定义来解释我正在尝试做什么。详细说明:

我写了一些内容并将其编译成HTML文档。该文档引用了您可以单击并让它们播放的音频文件。一切正常,但只有在我创建文档的帐户中,以及任何其他帐户或计算机都无法引用该文件。

我认为下面的代码是用来引用我硬盘上的一个音频文件的代码,我在文本编辑器中打开HTML文档。

<p class="p3"><a href="file:///Users/Ian/Desktop/Audio%20Discussion%20.html/Audio%20Files/z/Edits/Flute%201.mp3">Flute 1</a></p>

是否有任何方法可以更改该代码,以便它始终引用HTML文档所包含的文件夹,而不管它打开的计算机是什么?

如果有帮助,包含文件夹将始终具有相同的层次结构(您可以在上面的代码中看到),唯一会改变的是用户(和操作系统,但如果需要,我可以有几个HTML)文档,1用于Windows,1用于OSX,1用于Linux)。

此HTML文档不会在网络上,也会处于离线状态。我试图让文件自成一体,我没有找到任何可以让我这样做的东西,但如果这是可能的,我认为这是一个好主意。这听起来很简单,但嘿,我知道什么。

有谁知道是否可以这样做?

2 个答案:

答案 0 :(得分:1)

您不必使用file://协议来链接文件 它们可以只是相对文件路径。

例如:
如果您的html文件是Desktop/index.html,并且您的音频文件位于Desktop/audio_files/,那么您只需使用以下链接链接到音频文件:
<a href ="audio_files/filename.mp3">Flute 1</a>

答案 1 :(得分:0)

您可以通过相对路径进行链接。在开始时使用./看起来很熟悉。如果你跳过它以及绝对链接并使用href="folder/file.mp3"它也会默认为相对路径:

<p class="p3"><a href="./Audio%20Files/z/Edits/Flute%201.mp3">Flute 1</a></p>

说到路径,请尝试阻止空格和特殊字符。