name
HTMLの
タグや , , のようなフォーム要素で、サーバーに送信される値の名前として使われる。JavaScriptでは、フォーム要素の値を操作したり、フォームのデータを取得したりする際に使用。
name属性の値は、ページ内で一意である必要はない。同じ名前を複数の要素に設定することができる。
id
HTML要素を一意に識別するために使用される。
ページ内で同じidを持つ要素は存在できない。
avaScriptで要素を特定し、操作する際に、idを利用してセレクタ(document.getElementById()など)で要素を特定する。
CSSで要素を特定し、スタイルを適用する際にも使用できますが、idはページ内で一度しか使用できないため、CSSではより一般的なスタイル指定方法であるclassが好まれることが多い。
class
HTML要素をグループ化するために使われる。
同じclassを持つ要素は複数存在できる。
CSSで要素をスタイル指定する際に、classを使って要素を特定する。
JavaScriptで要素を特定することもできるが、idに比べて複数要素を一度に操作できるため、CSSでスタイルを適用する際に頻繁に使用される