html - 在标签中使用带有 CLASS 的 ID

Question

我想在 HTML 中用 id 标记一个标签，如下所示：

<span id="id_errortag" 
    style="font-family:Helvetica;Font-size:14px;" class="red"></span>

我想知道 HTML 标准是否可以将 id 与类结合使用？

score 3 · Accepted Answer

在 HTML 元素上同时使用 id 和 class 是完全可以接受的，只要您记住 id 在页面上必须是唯一的。类可用于对元素进行分组，但 id 必须是唯一的。

除了类之外，您还可以使用其他属性选择器来识别元素。您不仅限于班级和身份。例如，您可以使用 CSS 选择器来更改具有特定值的输入的颜色。

请记住，类/id 选择器的用途之一是帮助您将内容、表示和行为彼此分开，这将使 Web 设计人员更容易与您合作。使用 CSS 选择器，您的 JavaScript 可以完全保存在外部 JavaScript 文件中，您的 CSS 可以全部保存在外部 CSS 文件中，您的内容可以保存在 HTML 中。

如果有人需要更改表示或行为，他们可以这样做而无需修改 HTML，如果有人需要更改样式，则无需修改 HTML。这不仅有助于减少错误，而且使代码更易于维护。

score 1 · Accepted Answer

1

100% 没问题，但编写内联样式不是。

于 2012-05-05T20:07:35.520 回答

score 1 · Accepted Answer

是的，这是完全有效的。id 必须是唯一的，但类不是。一个类的全部原因是对需要不同 id 的几个东西进行样式设置，同时允许您使用 id 来区分函数

score 1 · Accepted Answer

是的。但 ID 必须只有一个，因为它是唯一的。类可以有很多，并且可以用逗号分隔。

score 1 · Accepted Answer

ID 和类用于不同的用途。元素只有一个 ID，并且在内容中应该是唯一的。元素可以有多个类（空格分隔），并且可以将相同的类应用于多个元素。可以同时使用它们，但根据上下文，在决定使用哪个之前，通常最好退后一步，看看你的意图。

score 0 · Accepted Answer

是的，绝对是。您可以指定任意数量的类并用空格分隔它们，但只能使用一个 id。即使它们具有相同的名称，它们也不会相互冲突，因此您不需要使用该id_前缀来命名它们。

score 0 · Accepted Answer

0

对 HTML 元素同时使用 ID 和类并没有错。事实上，这很常见。

于 2012-05-05T20:07:55.243 回答

score 0 · Accepted Answer

当然，请参阅HTML 4.01 的规范和HTML5 规范的草案。另请参阅这篇文章id，了解和之间的区别class。

8 回答 8