投票结果:标点符号在内还是在外?

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元免费信用额度!

很多人参与了这个在 1月份 发布的投票。问题是

像 em 和 strong 这样的标签应该放在 <em>(外面)</em> 标点符号,还是 (<strong>里面</strong>)?

像这里很多投票一样,问题很有趣,也引发了一些很棒的讨论,但问题本身可能是有缺陷的。只有两个选择:外面和里面,指的是 HTML 标签的放置位置。因此,如果在上面的问题示例中是“外面”,那么括号将被 <em> 标签斜体化。如果在上面的相同示例中是“里面”,那么括号将是普通文本,括号内的文本将被 <strong> 标签加粗。

我原本以为有人会跳出来说“根据这片土地上排版之神的绝对官方规则,正确的方法是……” 这种情况并没有发生。相反,大家普遍认为“视情况而定”。

至于投票结果,截至本文撰写之时,已有 6,261 人投票,结果是 55% 支持“里面”。

视情况而定……

以下示例仍然存在争议,但根据原始投票文章中大多数评论者的意见,这些感觉是最正确的方式。

今天来见我 <em>今天</em>!

标点符号放在标签外面,因为只有“今天”这个词被强调。


<em>我的天哪!</em> 那是一篇非常棒的博客文章。

标点符号在里面,因为整个短语“我的天哪!”被强调。


山羊头(<em>参见第 85 页</em>)非常有营养。

关于这一点,证据是分化的。有些人会说,因为整个短语是句子中的一个“插入”,所以它应该与标签(外面)一起分组并全部强调。其他更官方的资料来源说,括号永远不应该被强调。我个人会选择放在外面。似乎斜体的最后一个字母紧挨着直立的括号,可能会产生不自然的排版张力。


这本书的标题是 <em>给我!给我!给我!</em>

书名中的标点符号总是放在标签内。


那真的是梅格·瑞安在 <em>樱桃 2000</em> 里面吗?

同样,只有标题被强调,所以问号放在外面是普遍共识。我对此感觉怪怪的,出于某种原因,我喜欢在句末以这种方式结束时相反的情况,并且更喜欢看到问号与前面的词语保持一致。在这种情况下,实际上 <i> 可能更合适……

HTML5 和 <b> & <i>

自从我成为网页设计师以来,我一直对使用已弃用的 <b> 和 <i> 标签嗤之以鼻,并勤勤恳恳地用更语义化的 <strong> 和 <em> 标签修复它们。这对我有意义,因为我们用这些标签来强调,而不是应用任何特定的样式。例如,你可能想要保留 strong 标签的罗马文本,但应用一个背景来突出显示它。

但现在我们几乎可以与 HTML5 齐头并进,我们看到 <b> 和 <i> 标签又回来了。你会问,这怎么回事?嗯,我也是这么想的,直到你读完并思考一下。HTML5 并没有取代 strong 和 em,它们只是作为补充回来了,所有四个标签将和谐共存。通常情况下,你仍然会使用 em 和 strong 来强调文本中的单词,但你应该在为了加粗而加粗或为了斜体而斜体时使用 b 和 i。

例如,文本中的书名应该斜体化。不是强调,而是斜体化。这是一种为了斜体而斜体的案例,使用 <i> 标签更有意义。