在为网络写作时,作者是否应该将<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破折号可以更加灵活。
答案 0 :(得分:1)
圆括号已经有了英文含义,你可以说它们是短语的“标记”。括号表示文本与封闭句子/段落的关系,并提供演示提示(如何阅读/说出文本)。换句话说,添加HTML标记并不能提供很多语义值,而这些语义值在纯文本中并不存在。
如果要将短语与段落的其余部分区分开来,或者需要添加仅适用于特定文本的属性,则额外标记会起作用。在文本周围放置标签可以让您以清晰的方式处理该文本;你可以设置它的样式,用脚本访问它,用屏幕阅读器解析它等等。我可能会建议span
而不是i
;尽管i
具有广泛的潜在用途,但带括号的文本似乎与普遍期望相反。
即使你可以将它分开,但带括号的文本可能并不总是需要被分开。 1
最后,使用CSS提供括号似乎对开发人员(以及随后阅读它的任何人)的过多工作。它为已经存在的含义增加了一个间接层次。
1:有些情况下,标点符号不能提供足够的结构,应该使用标记进行扩充。一个简单的例子是电话号码,如3.3.2中的here所述。
答案 1 :(得分:0)
http://www.w3schools.com/tags/tag_i.asp
我认为这非常正确。出于可访问性原因(例如读出文本的软件)以及其他原因,如果括号表示文本中的音调发生变化,则i tag是适当的元素。作为附注,正如原始海报似乎知道的那样:它不再是html5中的“斜体”。
只是为了击败死亡:大多数可以处理i标签的文本阅读器可能不会发出听起来像去强调的声音或者你可能试图用括号表示的任何声音,所以如果它真的很重要的话它恰到好处,我建议创建一个名为de-emphsis的类,它不会创建parethesis并使用括号。听起来有点矫枉过正,但这就是推理。
在其他地方可以不使用括号来使用去加重。
对于文本阅读者来说,i标签可能听起来不像是消息。
视障用户可能想知道实际的括号是什么。
所以,我将提出的疯狂建议是:
<p>I was walking to my car (<i class="de-emphasis">on the other side of town</i>), when...</p>
我没有足够的声誉来评论,或者我会评论,所以我的最终建议是一个意见,而不是事实或类似的东西。在你做出关于这类事情的决定时,请尽量保持可访问性。