html – 使用“vs括号

在为Web写作时,作者是否应该使用< i>.带有类的元素,还是应该使用常规括号来表示括号？

例：

<p>I was walking to my car <i class="paren">on the other side of town</i>,when...</p>

<p>I was walking to my car (on the other side of town),when...</p>

伴随着：

.paren {
    font-style: normal;
    &::before {content: '(';}
    &::after {content: ')';}
}

只是想知道哪种语义更合适的方法.当然,更简单的选择是简单地键入shift 9而不是用HTML标记它,但是根据The Draft,< i>.元素应该被用来表示声音的变化,这正是括号短语的变化：通常在短暂的停顿和降低一个人的声音的音量和音高之前.

同样的问题适用于由em破折号包围的短语 – 它们将a similar purpose作为括号中的短语 – 尽管em破折号可以更加灵活.

解决方法

括号已经有了英文含义,你可以说它们是一个短语的“标记”.括号表示文本与封闭句子/段落的关系,并提供演示提示(如何阅读/说出文本).换句话说,添加HTML标记并不会为您提供很多语义值,而这些语义值在纯文本中并不存在.

如果要将短语与段落的其余部分区分开来,或者需要添加仅适用于特定文本的属性,则额外标记可用于此目的.在文本周围放置标签可以让您以清晰的方式处理该文本;你可以设置它的样式,用脚本访问它,用屏幕阅读器解析它等等.我可能建议使用span而不是i;即使我有广泛的潜在用途,带括号的文本似乎与普遍的期望相反.

即使你可以将它分开,但括号内的文本可能并不总是需要分开

最后,使用CSS提供括号似乎对开发人员(以及随后阅读它的任何人)的过多工作.它为已经存在的含义增加了一个间接层次.

1：有些情况下,标点符号不能提供足够的结构,应该使用标记进行扩充.一个简单的例子是电话号码,如3.3.2中的here所述.