如何在不使用的情况下在HTML5中获得Facebook评论计数？

Facebook评论计数可以通过三种不同的方式完成：不直接使用JS

<fb:comments-count href="http://example.com" />

<iframe src="http://www.facebook.com/plugins/comments.php?href=example.com" />

<div class="fb-comments-count" data-href="http://example.com">0</div>

然而，问题是这样做会把事情搞砸：

<p><div class="fb-comments-count" data-href="http://example.com">0</div> comments</p>

…因为a首先在标记中无效，其次看起来是错误的，尽管这可以用CSS修复

基本上，我的问题是：有没有一种方法可以不使用a来实现上述功能，例如，记住我想使用HTML5方法，如果可能的话！想要避免使用javascript吗

---

澄清：我希望避免在页面中编写额外的JS，因为MVC视图目前看起来很好，很干净，我希望保持这种状态。显然，我仍然在使用Facebook Connect库。

因此，一个解决方案是使用DIV而不是p作为外部元素。

好的，你用SPAN试过了吗？是的，我试过了。它不起作用。无论如何，Facebook关于评论数量的文档是我能找到的最小的。我希望广泛使用过它的人可能知道一些我找不到的东西。您是否考虑过使用DIV而不是P作为外部元素？FB Connect的东西是否会用iframe替换DIV？我可能错了，但有可能是JS删除了div？嗯。。。如果这是唯一的解决办法，那么我会这么做。老实说，当它真正做的只是替换一个数字时，它的限制性是如此之大，这似乎有点奇怪/混乱。问题是，这样做会导致这样的情况：就像在浏览器中，Chrome这样做，至少会使一个为空，然后是文本，然后是另一个为空。尽管如你所说，将外部元素设为a也可以解决这个问题。@JamesBillingham我认为建议是删除标记，并使用CSS使唯一剩下的内联元素在这种情况下不需要外部元素。@Sime好的。结果是这样做的：0comments@JamesBillingham我懂了。因此，在P中有一个DIV会破坏某些浏览器的结构……最初的问题是不使用DIV，但这里我们在接受的答案中使用了DIV。