Question

我正在创建参考资料以帮助用户填写在线表单，并需要在引用文本中参考表单的选择。

采取以下表格项目：

<select multiple name="animal">
  <option value="cats">Cats</option>
  <option value="dogs">Dogs</option>
  <option value="fish">Fish</option>
</select>

附带的文字可能类似于：

对于猫科动物的爱好者，请选择猫。犬迷应该选择犬。

有人建议我使用<strong>突出显示它们，但语义上并不是很好：

For lovers of felines, please select <strong>Cats</strong>.  Canine fans should choose <strong>Dogs</strong>.

应该使用哪个HTML（5）标记来突出文本中的项目选项“cat”和“dog”？我已经浏览了W3Schools和found <var>这些似乎合适的内容，但有没有正确的语义方法？

For lovers of felines, please select <var>Cats</var>.  Canine fans should choose <var>Dogs</var>.

Answer 1

当然你可以简单地使用引号：

<p>For lovers of felines, please select "Cats". Canine fans should choose "Dogs".</p>

但是如果您想在此处使用标记，则可以将kbd与samp一起使用：

当kbd元素包含一个samp元素时，它表示基于系统输出的输入，例如调用菜单项。

所以它看起来像这样：

<p>For lovers of felines, please select <kbd><samp>Cats</samp></kbd>. Canine fans should choose <kbd><samp>Dogs</samp></kbd>.</p>

（除非您确保视觉样式表达了这一点，当打印文档或无法识别颜色等时，您可能还需要使用引号。）

Answer 2

W3C像这样描述var：

元素代表一个变量。参考：https://www.w3.org/wiki/HTML/Elements/var

MDN表示var：

表示数学表达式或编程上下文中的变量。参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var

我认为应用强调适合您的账单，em（强调）或strong（强调）将为此目的而努力。如果我还没有完全理解你的目标，请告诉我。

HTML5标记用于引用随附文本中的列表项选项

2 个答案: