html - 任何人都请告诉我#filename 和 filename.html 之间的区别

Question

<html>
<body>
  <a href="#filename">home</a>
<br/>
  <a href="filename.html">home</a>
</body>
</html>

请任何人澄清这一点。当我使用#filename 作为href 元素单击主页时，它不会导航到下一页...

score 2 · Accepted Answer

#filename是一个片段标识符。它链接到页面中的一个元素。

filename.html是一个URI。它是指向（通常）不同页面的链接。

给定您的示例+一个小改动：

<html>
<body>
  <a href="#filename">home</a>
<br/>
  <a href="filename.html">home</a>
<br/>
 <span id="filename">The home</span>
</body>
</html>

#filenamespan与的链接id="filename"。如果那span不可见，页面将跳转到它（但不会调用服务器来重新获取页面）。

filename.html链接到文件名为 . 的同一目录中的 html 页面filename.html。

score 1 · Accepted Answer

假设您的网站是 www.website.com

<a href="#filename">home</a>会将 URL 更改为 www.website.com#filename 但实际上不会刷新页面。如果碰巧有一个具有该属性name="filename"的元素，浏览器将跳转到该元素。

<a href="filename.html">home</a>将浏览器重定向到 www.website.com/filename.html

score 0 · Accepted Answer

#filename将带您到filename当前页面上的给定锚点（或 ID 为的元素）。

filename.html将用户带到名为filename.html.

score 0 · Accepted Answer

#filename是一个锚点，指向当前页面上的某些内容。filename.html是一个 URI，指的是一个（很可能是不同的）网页。

4 回答 4