href属性定义了链接资源的URL。如果锚标签没有href标签，那么它就不会成为超链接。href属性有以下值:

1. Absolute path: move to another site like href="http://www.google.com"
2. Relative path: move to another page within the site like herf ="defaultpage.aspx"
3. Move to an element with a specified id within the page like href="#bottom"
4. href="javascript:void(0)", it does not move anywhere.
5. href="#" , it does not move anywhere but scroll on the top of the current page.
6. href= "" , it will load the current page but some browsers causes forbidden errors.

Note: When we do not need to specified any url inside a anchor tag then use 
<a href="javascript:void(0)">Test1</a>

正如其他一些回答所指出的，a元素需要href属性，#用作占位符，但它也是一个历史工件。

来自Mozilla开发者网络:

href 这是锚定义的惟一必需属性 超文本源链接，但在HTML5中不再需要。省略 此属性创建一个占位符链接。href属性 链接目标，URL或URL片段。一个URL Fragment是一个名称，前面有一个散列标记(#)，它指定了一个 当前文档中的内部目标位置(ID)。

此外，根据HTML5规范:

如果a元素没有href属性，则该元素表示a 占位符，用于链接可能被放置的位置 都是相关的，只包含元素的内容。

创建无序列表的目的通常是将它们用作菜单，但li列表项是文本。因为列表li项是文本，所以鼠标指针将不是箭头，而是“I光标”。当可以点击某个东西时，用户习惯于看到指向的手指是鼠标指针。在li标记内使用锚标记会使鼠标指针变为指向的手指。如果将列表用作菜单，那么用手指就更好了。

<ul id="menu">
   <li><a href="#">Menu Item 1</a></li>
   <li><a href="#">Menu Item 2</a></li>
   <li><a href="#">Menu Item 3</a></li>
   <li><a href="#">Menu Item 4</a></li>
</ul>

如果列表用于菜单，并且不需要链接，则不需要指定URL。但问题是，如果省略href属性，<a>标记中的文本将被视为文本，因此鼠标指针将返回到I-cursor。i -游标可能会使用户认为菜单项不可点击。因此，您仍然需要一个href，但不需要指向任何地方的链接。

您可以为菜单列表使用许多div或p标记，但鼠标指针也可以作为它们的I-cursor。

您可以使用许多按钮堆叠在彼此的菜单列表，但列表似乎更可取。这可能就是为什么href="#"在列表标记中的锚标记中不指向任何地方的原因。

你可以在CSS中设置指针样式，这是另一种选择。href="#"可能只是设置一些样式的偷懒方式。

将“#”符号作为某个东西的href意味着它不是指向不同的URL，而是指向同一页面上的另一个id或名称标记。例如:

<a href="#bottomOfPage">Click to go to the bottom of the page</a>
blah blah
blah blah
...
<a id="bottomOfPage"></a>

然而，如果没有id或名称，那么它就会变成“no where”。

这里有另一个类似的问题问HTML锚与'名称'或'id'?

对于空链接使用href="#"的问题是，它会把你带到页面的顶部，这可能不是你想要的操作。 为了避免这种情况，对于旧的浏览器或非html5文档类型，使用

<a href="javascript:void(0)">Goes Nowhere</a>

超链接:

锚标记(<a></a>)的主要用途是作为超链接。这基本上意味着他们会带你去某个地方。超链接需要href属性，因为它指定了一个位置。

散列:

A hash - `#` within a hyperlink specifies an HTML element id to which the window should be scrolled.

Href ="#some-id"将滚动到当前页面上的一个元素，例如<div id="some-id">。

href = " / /网站。示例:/#some-id”将访问站点。示例并滚动到该页上的id。

滚动到顶部:

Href ="#"没有指定id名称，但是有一个对应的位置——页面顶部。点击href="#"的锚将滚动位置移到顶部。

请看这个演示。

根据w3文档，这是预期的行为。

超链接占位符:

An example where a hyperlink placeholder makes sense is within template previews. On single page demos for templates, I have often seen <a href="#"> so that the anchor tag is a hyperlink, but doesn't go anywhere. Why not leave the href property blank? A blank href property is actually a hyperlink to the current page. In other words, it will cause a page refresh. As I discussed, href="#" is also a hyperlink, and causes scrolling. Therefore, the best solution for hyperlink placeholders is actually href="#!" The idea here is that there hopefully isn't an element on the page with id="!" (who does that!?) and the hyperlink therefore refers to nothing - so nothing happens.

关于锚标签:

Another question that you may be wondering is, "Why not just leave the href property off?". A common response I've heard is that the href property is required, so it "should" be present on anchors. This is FALSE! The href property is required only for an anchor to actually be a hyperlink! Read this from w3. So, why not just leave it off for placeholders? Browsers render default styles for elements and will change the default style of an anchor tag that doesn't have the href property. Instead, it will be considered like regular text. It even changes the browser's behavior regarding the element. The status bar (bottom of the screen) will not be displayed when hovering on an anchor without the href property. It is best to use a placeholder href value on an anchor to ensure it is treated as a hyperlink.

请参阅演示样式和行为差异的演示。