如何像在小说中一样在 html 中构建对话？

Question

小说中两个人的对话:

― 你好，约翰说。你好吗？
― 好吧，杰克说。
― 酷！

请问HTML5中此表示的最佳语义实践是什么？

<dl>
    <dt>...</dt>
    <dt>...</dt>
    <dt>...</dt>
</dl>

或

<p class=first_quote>...</p>
<p class=inter_quote>...</p>
<p class=last_quote>...</p>

或其他人？

Answer 1

选择你喜欢的！

看到这个：http://gabrieleromanato.name/how-to-mark-up-chats-and-conversations-in-html5/

当然，您可以使用奇数、偶数 css 选择器将其样式设置为像 whatsapp 样式一样左右浮动。