css - 除了验证错误 "ID is already defined"之外，如果我在一个页面上多次使用相同的 #id，我将面临什么实际问题？

Question

首先我总是使用一个#ID。只是问这个问题以了解其背后的深层原因。

这只是 W3C 验证的问题吗？甚至更多。

我会遇到任何实际问题还是只是验证逻辑？

看这个例子http://jsbin.com/aniqi它适用于所有浏览器。只是验证给出错误

更新: 我认为所有浏览器都支持多个#ID，所以这只是一个建议，但浏览器都支持。

仅验证给出错误:ID 已定义。

如果我们使用 javascript 来选择#ID，其他方面都不是问题

更新 2:如果我的一些网页设计学生问我“为什么 css #ID 应该在一个页面中使用一次，我应该怎么回答。< strong>学生还不知道 javascript。尽管所有浏览器都支持 #ID，但我有什么理由不使用它？

更新 3:我在 W3C 网站上找到了一些有用的信息

<P id="myparagraph"> This is a uniquely named paragraph.</P>
<P id="yourparagraph"> This is also a uniquely named paragraph.</P>

id 属性在 HTML 中有几个作用:

id 属性为元素分配一个唯一标识符(可以由 SGML 解析器验证)。例如下面的段落是通过id值区分的:

* As a style sheet selector.
* As a target anchor for hypertext links.
* As a means to reference a particular element from a script.
* As the name of a declared OBJECT element.
* For general purpose processing by user agents (e.g. for identifying fields when extracting data from HTML pages into a database, translating HTML documents into other formats, etc.).

Answer 1

结果未定义。

除了其他关于 getElementById 的说法:

• 在 CSS 中使用 #foo 可能适用于所有带有 id="foo" 的元素，或者适用于第一个或最后一个，具体取决于浏览器的方式实现。
• 在 URL 中使用 page.html#foo 可能会滚动到其中一个元素，或者滚动到另一个元素，或者两者都不滚动。

编辑:无论哪种方式，你都应该教你的学生做正确的事，即使做错事似乎不会立即产生任何不良后果......;)