給元素一個 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。