html - 为什么在空 anchor 标记 href 中使用 # 约定？

Question

我知道最好不要留下空的 anchor 标记。在 jQuery 和其他语法中，我注意到每个人通常都使用 # 来填补空白 ( <a href='#'>anchor text</a> )。这个角色比用其他东西填充它更好还是更坏？ (例如 <a href='$'>anchor text</a> )。我没有理由想要这样做，但除了惯例之外似乎也没有理由以另一种方式来做。为什么是#空 anchor 标记 href 中使用的约定？

Answer 1

这是因为 # URL 中的字符引用本地页面。

它用于页面内的命名 anchor (或任何 ID)，因此链接可以直接跳转到该区域。

Wikipedia称之为 fragment identifier并且有话要说:

The fragment identifier, if present, specifies a part or a position within the overall resource or document. When used with HTTP, it usually specifies a section or location within the page, and the browser may scroll to display that part of the page.

---

作为一个实际的例子——维基百科的这个链接有一个片段标识符(总是在 URL 的末尾):

http://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax

在页面中，有一个<span id="Syntax" ...标签，浏览器直接跳转到它。