给元素一个 ID

元素的 ID 属性是在整个文档中必须唯一的标识符。其目的是在链接（使用锚点），脚本或样式（使用 CSS）时唯一标识元素。

<div id="example-id"></div>

即使属性附加到两种不同类型的元素，也不应该在同一文档中具有两个具有相同 ID 的元素。例如，以下代码不正确：

<div id="example-id"></div>
<span id="example-id"></span>

浏览器将尽力渲染此代码，但在使用 CSS 设置样式或使用 JavaScript 添加功能时可能会发生意外行为。

要通过 CSS 中的 ID 引用元素，请在 ID 前加上 #。

#example-id { color: green; }

要跳转到给定页面上具有 ID 的元素，请在 URL 中添加元素名称的 #。

http://example.com/about#example-id

大多数浏览器都支持此功能，并且不需要额外的 JavaScript 或 CSS。