javascript - 在非锚元素上呈现 Tweet 按钮

Question

我有一个包含各种元素的锚，因为它使它触摸友好并且是有效的 html5：

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
</a>

现在，我想向这个锚点添加一个 Tweet 按钮。但是，嵌套锚点在 html5 中是无效的。因此，这将在锚点之外呈现 Twitter iframe：

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
   <a href="https://twitter.com/share" class="twitter-share-button">...</a>
</a>

如果我将标记更改为这样的话，它将不会呈现按钮：

<a href="whatever.html">
   <h2>Title</h2>
   <p>Paragraph</p>
   <div class="twitter-share-button">...</div>
</a>

facebook like 按钮可以很好地呈现，因为它不需要锚元素即可工作。有人知道 Twitter 的解决方法吗？这是jsfiddle：http: //jsfiddle.net/xdEwg/

Answer 1

最后我把它放在锚之外并使用绝对位置，比如......

<div class="module">
  <a href="whatever.html">
    <h2>Title</h2>
    <p>Paragraph</p>
  </a>
  <a href="https://twitter.com/share" class="twitter-share-button">...</a>
</div>

.module {
  position: relative; 
}
.twitter-share-button {
  position: absolute;
  bottom: 0;
}

但我仍然对解决方法感兴趣。