HTML id, class, name 속성

속성별 차이점

---

1. id

• 하나의 요소만 가능(페이지에서 유일함)
• CSS에서 식별자로 사용 가능(#아이디)
• 자바스크립트의 getElementById를 활용할 때 사용
• jQuery -> $("#아이디")

---

2. class

• 여러 요소에 적용 가능
• CSS에서 식별자로 사용 가능(.클래스명)
• jQuery -> $(".클래스명")

---

3. name

• 여러 요소에 적용 가능
• CSS에서 사용 불가
• form 태그에서 submit 전송 시 사용. form의 값을 넘길 필요가 없으면 생략 가능
• jQuery -> $("input[name=이름]")

---

기본 사용법

id와 class

• id와 class는 숫자로 시작해서는 안됨
• id는 #아이디, class는 .클래스로 제어
• class는 같은 이름으로 중복 사용이 가능하며
  여러 값을 줄 때에는 띄어쓰기로 구분하여 사용 가능
  ex) class="class1 class2"