728x90
html에서 id, class, name 모두 구분하기 위해 사용한다.
이 셋의 차이점은 값의 중복여부와 서버쪽으로 데이터 전송 차이가 있다.
id | class | name |
페이지내에서 유일한 값 (하나의 요소만 가능) |
여러 요소에 중복 가능 | 중복가능 |
css 식별자로 사용 가능 | css 식별자로 사용 가능 | css에서 사용 불가능 |
- | - | action에 해당하는 페이지로 전달하는 Parameter의 키 값으로 사용 |
javascript나 css에서 다룰려고 한다면 id나 class를 이용하는 것이다.
사용법 ?
1. id 와 class는 자유롭게 지을 수 있지만 숫자로 시작해서는 안 된다.
2. id 는 #아이디 로, class 는 .클래스명으로 제어한다.
3. class 는 같은 이름으로 중복 사용 가능하며, 여러 값을 줄 때는 띄어쓰기로 구분하여 사용 가능하다.
ex> class="first second"
728x90
'HTML&CSS' 카테고리의 다른 글
[HTML] #,a 클릭하면 원하는 위치로 이동하기 (0) | 2023.06.09 |
---|---|
[HTML] <p> <div> <span> 차이점과 inline, block 종류 (0) | 2023.06.08 |
[HTML] 웹 문서 최적화 HTML 태그 (0) | 2023.06.06 |
[CSS] grid 그리드 레이아웃 적용하기 (0) | 2023.06.05 |
[CSS] animation 애니메이션 속성과 @keyframes 키프레임 (0) | 2023.06.04 |
댓글