首頁 > web前端 > js教程 > HTML 中的 ID 可以以數字開頭還是僅由數字組成?

HTML 中的 ID 可以以數字開頭還是僅由數字組成?

DDD
發布: 2024-11-12 19:50:02
原創
836 人瀏覽過

Can IDs in HTML Start with or Consist Only of Numbers?

ID 可以只包含數字嗎?

你可以創造一個 id 以數字開頭或完全由數字組成的元素嗎?

是的,可以。 但是,將此類 ID 與 CSS 選擇器一起使用可以具有挑戰性。

ID 驗證:

HTML5 允許 ID 只包含數字,只要它們不是空格。即使在 HTML5 規範出現之前,瀏覽器對此也一直很靈活。

CSS 選擇器:

雖然您可以使用數位 ID,但在 CSS 選擇器中卻變得很麻煩。以數字開頭的ID不能按字面書寫;您必須使用反斜線對其進行轉義(例如,#12 在 CSS 中變為 #3132)。

建議:

如果您打算將這些 ID 與 CSS 選擇器一起使用,那麼建議以字母開頭方便。

範例:

這是一個使用 id 為「12」的 div的範例:

<div>
登入後複製
# {
    background: #0bf;
}
登入後複製
document.getElementById("12").style.border = "2px solid black";
登入後複製

這個適用於主要瀏覽器,如下面的即時範例所示:

[即時範例](https://jsfiddle. net/e0xs9L06/)

以上是HTML 中的 ID 可以以數字開頭還是僅由數字組成?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板