你可以在多个HTML页面中使用相同的ID吗？

Question

我了解在html页面中使用一个id的概念。作为一个新手，我想知道是否可以在不同的html页面上多次使用同一个id。那样会被认为是不规范吗？

例如，在index.html中只使用<div id="1"></div>，并在product.html中再次使用<div id="1"></div>。那样会被认为是不好的吗？

我试图搜索，但没有找到答案。谢谢！

!编辑!谢谢大家的回答。感谢！

- stanley1943

---

是的，您可以在不同的页面上使用相同的ID。事实上，这种做法非常普遍。但是，您必须注意棘手的跨页面包含问题。（PHP的require()，我在看着你！） - user529758

如果这些页面真的是独立的，那就没问题了。但是一旦你使用PHP或其他东西将它们组合在一起（例如include），你可能会在一个页面上得到两个相同的ID，这是不好的。 - MightyPork

Answer 1

一个id应该只在单个文档中使用一次。它用于那些页面上仅需出现一次的元素（比如“顶部导航栏”）。类被用于可重复出现的元素，例如“特别样式的表格”，“可重复的信息块”或具有共同特征（如在Bootstrap中，“在此浏览器宽度下，此块跨越6列”）。在不同页面上使用相同的id是完全正常的。通常会为您的布局创建一个骨架/模板，在使用此模板的每个页面上，每个元素的样式都将相同。因此，在不同页面上的相同元素具有相同的id将非常有帮助。（或者说：如果在每个页面上都更改页面布局并为每个元素使用不同的id，则难以维护页面，这将被认为是粗心的做法。）

- Sumurai8

---

很抱歉我没有足够的声望来点赞。但是感谢您的解释。我只是想确保第一次就做对了一切。 - stanley1943

@stanley1943 我认为你现在已经有了，所以如果你还没有的话，请继续点赞！ :) - gsamaras

Answer 2

这样做是可以的，但你最好给你的id起一个更好的名字，而不是"1"。像 <div id="main-part"></div> 这样更具描述性的名称会更好。

- andyc