元素的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)

<a>元素的href的值,相对路径_第2张图片

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

<a>元素的href的值,相对路径_第3张图片

第二个类型,往上找


<a>元素的href的值,相对路径_第4张图片

跟踪下路径:

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

<a>元素的href的值,相对路径_第5张图片

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

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

总之,. . 表示父文件。

<a>元素的href的值,相对路径_第6张图片

你可能感兴趣的:(元素的href的值,相对路径)