html中href路径怎么写,<a>元素的href的值，相对路径

HTML文档和文档中链接的文件的相对位置不同 ，元素里的href的值会有什么变化？

此例中各个文件的关系：luonge文件夹是about,beverages,lounge.html三个文件的父亲，是direction.html的爷爷。about是direction.html的父亲。lounge.html是direction.html的叔叔。

第一个类型，往下找

让我们跟踪下路径：

要从"lounge.html"文件到"elixir.html"文件，我们需要先到”beverages"文件夹中，然后在这个文件夹中找到"elixir.html"文件。(注意："lounge.html"文件直接跨过了它的父文件夹lounge。我的理解是，"lounge.html"直接代表了它的父文件夹lounge)

创建一个能代表这个路径的href

第二个类型，往上找

跟踪下路径：

要从"direction.html"文件到"lounge.html"文件,我们首先需要到上面的”lounge”文件夹，然后直接找到"lounge.html"文件。(direction.html代表了了它的父文件about)

创建一个能代表这个路径的href

. .代表about文件的父文件luonge,如果往上还有父文件，那用 ../..表示。

总之，. .表示父文件。