Question

为了快速编码和减少乏味，我想知道是否可以在不使用JavaScript 的情况下自动生成HTML锚点的内容作为其href值。我将在其中使用的应用程序具有足够大的页面，以便JavaScript解决方案引入显着的延迟。

示例：

<a href="http://example.com" class="autofill"></a>

这可能吗？它符合W3C标准吗？为什么或为什么不呢？

Answer 1

是，在某种程度上。您可以使用CSS2 content属性及其attr值来获取锚点href属性的值。例如：

<style>
.autofill:after {
  content: attr(href);
}
</style>

<a href="http://example.com" class="autofill"></a>

http://jsfiddle.net/aA4Em/2/

保证可以跨浏览器工作！例如，在当前版本的WebKit中（Safari，Chrome，Yandex，Rockmelt，许多移动浏览器等）。），链接文本被渲染，但无法被点击。也就是说，它可以像你现在最常用的Presto版本（Opera，很快将被WebKit取代），Trident（Internet Explorer）和Gecko（Firefox，Waterfox等）一样工作。

请注意，我不知道这是否符合W3C标准（我甚至不知道空锚是否符合W3C标准），所以我的回答肯定是自己使用这个解决方案风险

更新

截至此编辑（2013-04-30），Google的 Chromium 平台的Webkit风格（Chrome，Yandex，Rockmelt，许多移动浏览器等）和Blink（目前只是Chrome Canary） 现在允许用户点击锚点伪元素。仍然使用Apple的WebKit风格的Safari仍然不允许这样做。

没有JS，我可以自动将锚点的href值放在其内容中吗？

1 个答案:

更新