什么是HTML5占位符链接？
idUp直到HTML5，a标签需要一个属性：href。 但HTML5甚至可以将该属性设为可选。 当你写一个没有任何属性的标签时，它被称为占位符链接。
占位符链接如下所示：
上一页在开发过程中使用占位符链接
几乎每个网页设计师都在设计和构建网站时同时创建了占位符链接。 在HTML5之前，我们会写：
链接文字作为占位符。 而且，我只是通过这些占位符向客户发送样机网站，让客户问我“为什么文本中的链接不工作？”
使用标签（＃）作为占位符链接的问题是该链接是可点击的，这可能会导致客户混淆。 而且，如果有人忘记使用正确的URL更新它们，则这些链接可能会在实时网站上显示为中断，因为它们没有链接任何内容。
相反，你应该开始使用没有任何属性的标签。 您可以将这些样式设置为与网页上的其他任何链接相似，但由于它们只是占位符，因此它们不会点击。
在实时网站上使用占位符链接
但是，占位符链接在网页设计中占有一席之地，不仅仅是开发。 一个占位符链接可以闪耀的地方是导航。 在很多情况下，网站导航列表有一些方法可以指示您所在的页面。 这些通常被称为“你在这里”的指标。
大多数网站依赖于需要“你在这里”标记的元素上的id属性，但也有一些使用class属性。 但是，无论您使用哪种属性，都需要对每个有导航的页面执行一堆工作，从正确的元素中添加和删除属性。
通过占位符链接，您可以根据需要编写导航，然后在将导航添加到页面时，只需从适当的链接中删除href属性即可。 我将我的整个导航列表作为代码片段存储在我的编辑器中，因此它只是一个快速复制粘贴，然后删除href。 你也可以让你的CMS做同样的事情。
除了向占位符链接添加特殊样式（我将向您展示如何）之外，该链接不可点击。 因此，顾客不要觉得如果他们点击目前所在的导航链接，他们可能会得到别的东西。
样式占位符链接
与您网页上的其他链接不同，占位符链接的样式和风格都很简单。 只需确定样式和a：link标签的样式。 例如：
一个{color：red; font-weight：bold; 文字修饰：无; } a：link {color：blue; font-weight：normal; 文字修饰：下划线; }这个CSS将使占位符链接大胆和红色，没有下划线。 虽然正常的链接将是正常的重量，蓝色和下划线。
请记住重置您不希望从a标签继承的任何样式。 例如，我将占位符链接的font-weight设置为粗体，所以我必须将其设置为：
font-weight：normal;为标准链接。 对于文本修饰也是如此，通过使用选择器将其删除，如果我没有放回，它将会被删除。