id 属性 [HTML]

id 属性

• 要素の識別子として使われる。
• ドキュメント内で重複してはならない。
• 文法に違反して重複している場合、document.getElementById を使うと最初の要素が取得される。(※実装に依存する)
• 大文字と小文字は区別される。

HTML 4 の制限

英数字、 アンダースコア (_)、ハイフン (-)、ピリオド (.)、コロン (:) のみが使用可能で、アルファベットで始める。HTML 5 では ID 名に使用可能な文字に制限は存在しないが、後方互換性をが必要な場合は同様に考慮する。

参考：

id | MDN

id 名/class 名に使用できる文字の種類 – GitHub Gist

使い方

参考：

要素に ID を付ける | TAG index

id 属性と class 属性 | ホームページ作成入門 (webword.jp)

id 属性 | ミツエーリンクス

ID | CSS-Tricks

コロン

CSS でコロン (:) を含む ID をセレクタとして使用する場合、円記号あるいはバックスラッシュ (\) でエスケープする。

#id\:with\:colons {
  /*
    ...
  */
}

参考：

: (コロン) を含む id や class のセレクタ | teramako

html 要素の id にコロンを指定するのは注意！ – Qiita

How to target elements using ID or class containing a colon | IT Support Guides

What does a colon mean within an HTML id attribute? – Stack Overflow

Handling a colon in an element ID in a CSS selector – Stack Overflow

API

参考：

element.id | MDN