(X)HTML标记书名

Question

书名应该包含在 <em> 标签中吗？如果不是 <em>，那么有更适合的标记吗？

（译注：<em> 标签表示强调文本，可以用来标记书名等重要内容）

- ahsteele

Answer 1

<em> 显然是错误的。除了之前提到的使用RDFa或语义化的类名外，可以考虑使用 <cite>

根据HTML 5草案：

<cite>元素代表作品的标题（例如书籍、论文、文章、诗歌、乐谱、歌曲、剧本、电影、电视节目、游戏、雕塑、绘画、戏剧制作、连续剧、话剧、歌剧、音乐剧、展览等）。这可以是一个被引用或详细引用的作品（即引用），也可以仅仅是提到的作品。

- Alohci

Answer 2

这真的取决于上下文。根据你在哪里以及如何显示书名，他们甚至可能使用<h1-6>标签。如果你在一个图书列表中显示书名，则可以使用定义列表，其中<dt>标签作为书名，<dd>标签作为作者。

实际上，并没有为书籍指定“语义正确”的标签，但你可以创建一种易于阅读且有意义的标记。

<dl class="booklist">
    <dt class="book">Book title</dt>
    <dd class="author">The author</dd>

    <dt class="book">Awesomest markup Evah!</dt>
    <dd class="author">HTML Wiz Kid</dd>
    <dd class="author">Tagz are Me</dd>
</dl>

- PatrikAkerstrand

Answer 3

我会在任何标签中使用RDFa。 RDFa规范允许您在HTML中添加一些语义。例如，您的标题将使用Dublin-Core属性dc:title进行注释。

- Pierre

Answer 4

对于传达语义信息的书名之类的物品，答案是否定的。您应该采取以下操作：

<span class="BookTitle">War and Peace</span>

然后使用CSS对BookTitle进行样式设置。

- Paul J. Lucas

Answer 5

这是一个我一直在开发的HTML5语义化标记网站的示例，它使用了最近被接受的Micro-formats规范（http://schema.org）以及HTML5的新的更语义化的标记元素。

http://blog-to-book.com/view/stuff/about/semantic%20web

Google有一个方便的语义标记测试工具，可以展示给你它如何看待该页面。很抱歉我只能发布一个链接，你需要自己去谷歌搜索。

更新：这是链接 http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-book.com%2Fview%2Fstuff%2Fabout%2Fsemantic+web&view=

希望这能指引你进入一些有趣的方向。如果你需要更详细的标记，那么Good Relations Ontology现在可能是最全面的。

- Blog to Book

---

我本来想点赞的，但是链接的示例已经失效了。 - barefootliam

Answer 6

我有所疑问。从语义上讲，“em”的意思是“强调”，而不是“斜体”。

好吧，HTML缺少很多东西，所以我要么只使用通用的<span class="book-title">Foobar</span>，要么如果我感觉疯狂，我会发明自己的标签（谁说我不能？它将与自定义DTD完美验证，或者我可以使用XSLT转换文档）。

- drdaeman

Answer 7

关于像<em>和<strong>这样的标签，w3schools.com指出：“它们并没有被弃用，但是使用CSS可以实现更丰富的效果。”因此，我认为除非您更喜欢使用CSS进行所有文本格式设置（就像我一样），否则将其用于书名是合适的。

- DLH

---

仅仅因为某个东西没有被弃用并不意味着它应该被用于每个任务。当然，<em>和<strong>不应该用于文本格式化——它们是语义元素。像往常一样，W3Schools提供了误导性的信息。 - Quentin

Answer 8

语法规则指出书名（或其他“长篇”作品的标题）应该用斜体或下划线标记。因此，<em>标签是合适的。

- Stephen Wrighton

---

em标签不是用来指定斜体文本或下划线，而是用来表示强调。因此，我认为这个标签不适合使用。 - Chuck

EM标签的默认显示为斜体文本。语法规则的重点是强调标题（传统上是通过斜体/下划线实现的），因此该标签是合适的。最终，我会像这样构建标签：<em property="dc:title" class="LongWorkTitle">星球大战</em>。 - Stephen Wrighton

cite元素表示引用，通常以斜体呈现。科学拉丁术语的惯例是以斜体呈现。因此，科学拉丁术语应该使用cite元素进行标记。狗有四条腿。我的猫有四条腿。因此，我的猫是一只狗。你的逻辑是有缺陷的。 - Quentin

但是CITE元素适用于任何标题，而不一定是长作品的标题。因此，它对某些项目放置了太多的重点。科学术语应该以斜体呈现以突出它们的重点 - 而且，我会使用EM来实现这一点。我的逻辑是：狗有四条腿，猫有四条腿，因此两者都是四足动物。是的，CITE元素可能比EM更合适，但是CITE的使用频率与BLINK几乎相同。在十年的开发工作中，我从未使用过它，也从未见过它的使用。 - Stephen Wrighton

“标题应该强调”是使用 em 的有效理由。“标题应该以斜体呈现”则不是。你在回答中提出的论点属于后者。（我已经使用过引用并看到其他人也这样做）。 - Quentin