[HTML/CSS] id, class, name 속성의 차이점

1. id, class, name 속성의 차이점.

id	class	name
하나의 요소만 가능. (페이지에서 유일함)	여러 요소에 적용가능 함.	여러 요소 적용가능 함.
CSS에서 식별자로 사용 가능 #아이디 로 사용.	CSS에서 식별자로 사용 가능 .클래스명 으로 사용가능.	CSS에서 사용불가
자바스크립트의 getElementById를 활용할때 사용됨.		form태그에서의 submit 전송시 사용, 폼 값을 넘길 필요가 없다면, name은 생략.
jQuery : $("#아이디")	jQuery : $(".클래스명")	jQuery: $("input[name=이름]")

 

2. 기본 사용법

2-1.  id와 class

- id와 class는 자유롭게 짓되, 숫자로 시작해서는 안된다.

- id는 #아이디 로, class는 .클래스명 으로 제어한다.

- class는 같은 이름으로 중복 사용이가능하며, 여러값을 줄때는 띄어쓰기로 구분하여 사용할수도 있다.

    ex) class="first second"