Question

我有一个结合了静态和动态内容的网页。动态内容来自另一个网页上提供的用户输入。动态内容必须在视觉上不同（斜体，下划线，不同字体等 - 当然使用CSS）来自静态内容，如：

我居住在雅典。

在动态内容周围使用VAR标记在语义上是否合适？例如：

I reside in <var>Athens</var>.

W3C和MDN网站上的文档似乎表明这可能会误导VAR。

如果VAR不合适，是否有其他合适的标签，或者我应该使用SPAN？

Answer 1

您可以使用<em> tag来强调文字＆＃34;，或使用带有CSS样式的<span> tag来表示＆＃34;雅典＆＃34;文字不同。

如果你没有试图将雅典＆＃34;雅典＆＃34;无论如何，您可以认为不需要使用任何特殊的HTML标记包装文本。

为了使用＆lt; em＆gt;设置包装数据的样式。标签，您可以使用以下内容：

<style>
    .input-received em {
        font-style: italics;
        text-decoration: underline;
        font-weight: bold;
    }
</style>

<p class="input-received">I reside in <em>Athens</em>.</p>

Answer 2

是的，<var>用于变量，例如在数学运算中。因此，以这种方式使用它在语义上是错误的。

您可以使用<ins>代码（http://www.w3.org/TR/html-markup/ins.html#ins）

ins元素表示已插入（添加）到文档的文本范围。

我认为哪个标签应该是首选的问题很难。参考规范，您也可以使用<kbr>（键盘输入）。有时我认为这是一个解释问题

如果不确定，只需使用通用标记，在这种情况下是具有适当类的跨度。或者忽略语义并使用您认为最好的标记。

Answer 3

var element不合适。

您的内容在技术上如何制作并不重要;它只对它所代表的东西很重要。虽然有些情况下var可以在公式/代码（“散文中的占位符”）之外的上下文中使用，但您的示例似乎不是其中之一。

要决定使用哪个元素，了解具体情况非常重要。要问的好问题：

为什么我要突出显示动态内容？
我想通过这个传达什么？

由于具体情况未知，因此只有两种可能的候选人：

span：没有改变含义，也没有任何意义。
b：不会改变含义，只会引起对内容的注意（但不会因此而变得更重要）。

关于其他人建议的替代元素：

em：仅用于“压力强调”。例如，当有人说她居住在伯尔尼时，她可以回答：I reside in <em>Athens</em>.在一般情况下不要使用它。
ìns：仅在将内容添加到文档时使用;再一次，技术方面并不重要（每个内容都被添加以某种方式，对吧？），它只关系它代表什么。示例：更正，引号中的“[sic]”，报纸文章中的新事件等。
kbd：仅在用户以某种方式输入内容时使用（用于输入搜索字段的内容，在软件中点击的内容等）;无论内容如何设法进入文档（整个文档在某些时候都是用户输入！），但它代表现在。由于“雅典”不是读者应该在任何地方输入的东西，kbd是不合适的。

适当使用HTML的VAR标签

3 个答案: