用于 HTML5 讨论的语义丰富的标记答案

【问题标题】：Semantically-rich markup for discussions in HTML5用于 HTML5 讨论的语义丰富的标记
【发布时间】：2014-03-05 06:18:27
【问题描述】：

目前，我正在用 HTML5 标记一个剧本，并尝试使用语义最丰富的标记。网上有很多关于为此使用<dialog> 标签的信息；不幸的是，tag has been removed from the draft standard as of September 2009。

WHATWG's recommendation 用于标记对话，从语义的角度来看，这让我觉得不太理想。还有其他选择吗，还是我只需要为此研究 Microformats/RDFa？

【问题讨论】：

标签： html semantic-markup

【解决方案1】：

你不能只用一篇文章吗？ :) 那是最接近你想要的东西。 HTML5 有点笼统，他们不能为所有内容制作标签，文章只显示主要内容:)。

【讨论】：

article 是一个分段标签。而且，每个对话都不是一篇文章。不过，整个讨论可以包含在 article 中。

【解决方案2】：

我认为<p> 标签在语义上最适合此目的。每个对话都是一个段落。每个人每次讲话时都会得到他/她自己的段落。可以使用HTML5 data-attributes 或microformats 添加此附加信息。

例如。

<p><span class="fname">Praveen</span> : &quot; This is my dialogue. &quot;</p>
<p><span class="fname">Naveen</span> : &quot; and this is mine. &quot;</p>

PS：在这种情况下使用无序、有序的定义列表是错误的。

【讨论】：