(왕초보) class 와 id 의 차이를 알려주세요.
매1혻적
안녕하세요.
class와 id에s와 id에 대해 명확히 구분이 안가서요..
어느 특정엘리먼트에 다른 효과를 주고자 할때 class 속성을 이용하잖아요.
그런데 id속성도 이와 비슷하더군요.
class속성은 한개이상의 엘리먼트들에 대해서만 사용을하고, id는 페이지마다 오직 하나의 엘리먼트를 위해 사용한다던데..
굳이 id를 사용하지 않아도 class를 이용해도 될것 같은데 이렇게 구분한 이유가모죠?
실습해보니 같은 id로 여러 엘리먼트를 사용해도 class와 마찬가지로 아무 이상없이 효과가 적용되던데요..
사실 두 속성에 차이는 없지만 사용하기 편하기 위한 임의의 약속같은건가요???
-
작약
id는 고유이자 중복이 불가능, class 중복사용 가능.. css로 봐도..
-
나리
한가지 더해서 스크립크가 DOM 탐색시에 클래스보다 아이디로 접근하는 것이 더 빠른 처리를 보입니다
-
내꽃
역시 제가 갈길이 머네요^^
-
햇님
css효과를 위한 것보다는요, 수다님 말처럼 개발단계에서 id로 제어하기 위해서에요. 그리고 id는 한 요소에 하나밖에 쓸 수 없지만 클래스는 여러 개 사용이 가능하죠.
스타일 꾸미기를 위해서는 클래스가 훨씬 더 효과적입니다. -
서향
아 제가 아직 js를 공부를 안하고 잇어서 그 차이점을 잘 몰랐던거 같네요.
역시 더 분발할 필요가 있겠군요. 감사합니다! -
상처입은마음
같은 id로 여러 엘리먼트를 사용해도 css효과는 먹을 수 있지만 자바스크립트는 오직 하나의 id만 액션이 적용됩니다. id는 자바스크립트의 컨트롤을 용이하게 하기 위함입니다.
물론 class도 자바스크립트로 제어하지만, 특정 요소를 컨트롤할 때는 당연히 id를 이용하는게 맞아요..
그 이외에도 할 얘기는 많지만, 그냥 아래와 같은 말로 끝맺을게요..
반드시 id와 class의 명확한 구분을 둬야합니다.