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

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA