Html 最具语义的对话（或访谈）标记方式？

我正试图找出最具语义的方式来标记这样的东西

John: blah blah 
Paul: blah blah 
George: blah blah 
Ringo: blah blah 

或

理想情况下，CSS可以灵活地执行其中一项操作，也可以将其拆分为一个段落，其中包含或不包含可见的名称。我考虑使用

之前的：

选择器添加名称，但我也希望它们可以链接。例如，如果Ringo有twitter个人资料，我会链接到他。它也应该在屏幕阅读器中正确阅读。

hm

提示-使用xml对其进行标记。应该使以后的工作更容易

类似于

可能是HTML5规范，其要点是：

鼓励作者使用

p

元素和标点符号标记对话。建议出于造型目的需要标记扬声器的作者使用

span

或

b

。将文本包装在

i

元素中的段落可用于标记阶段方向

因此，归根结底，是这样的：

<p><span>John:</span> blah blah</p>

<p><span>Paul:</span> blah blah</p>

<p><span>George:</span> blah blah</p>

<p><span>Ringo:</span> blah blah</p>

约翰：胡说八道

保罗：废话

乔治：废话

林戈：废话

---

这将以您描述的方式启用样式。当然，如果需要，还可以添加

class

属性。你不使用

：before

选择器在CSS中输入姓名的本能是一个好的选择——这些信息肯定应该在标记中。

在口语文本周围添加

q

标记是一个好主意吗？

q

似乎是为了在更大的文本块中引用，例如

凯撒说，维尼，维迪，vici.

。将整篇文章用

块引号括起来可能更合适。HTML5博士有一些。很好的发现——我不确定是否还有比这更多的东西。谢谢！现在（几年后）的链接不再指向正确的文本。在该页面上，深层链接似乎是：。OP谈论的是html；查看标签。想一想：使用扬声器标签上的
：after
，并将
内容设置为“：”。这样，您就可以只在标记中进行对话，而将演示留给CSS。
<p><span>John:</span> blah blah</p>

<p><span>Paul:</span> blah blah</p>

<p><span>George:</span> blah blah</p>

<p><span>Ringo:</span> blah blah</p>