생활
div id,class차이점이 궁금합니다[HTML]
html에서 사용하는 div id혹은 class로 사용하잖아요? css에서 .과 #으로 구분지어 사용되고 id는 한페이지당 하나밖에 사용할수없다는 점 이외에 어떤차이점이 있는지 궁금합니다
7개의 답변이 있어요!
안녕하세요.
css를 적용할때 한 곳에 적용하느냐? 여러 곳에 적용하느냐의 차이 입니다.
id는 일단 중복이 허용이 안되서 id에 css를 적용하면 그것에만 적용이 됩니다. id를 중복으로 적게 되면 오류가 납니다.
근데 똑같은 css를 여러 곳에 적용하고 싶다 하면, 적용하고 싶은 여러 곳에 class를 만들어서 해당 css를 적용할 수 있습니다.
안녕하세요.
일단 id, class는 완전 다른 겁니다.
id는 각 태그나 항목에 부여 되는 유일한 이름이라고 할까요? 그래서 id명은 중복으로 사용할 수 없습니다.
class 는 css에 정의된 디자인을 적용하기 위한 태그 입니다.
따라서 보통은 css에 정의된 디자인을 적용하기 위해서는 class를 씁니다만,
특정 id에 해당하는 태그에만 디자인을 적용하기 위해서는 말씀 하신것처럼 css에서 #로 구분 지어서 사용을 합니다. id는 css를 적용할때도 사용되지만 이벤트나 기타 속성 등을 적용할 때도 쓰이는 것입니다.
말씀해 주신 차이점이 다 입니다
아이디는 한페이지에서 중복 사용을 하면 안되고
클래스의 경우 중복 사용이 가능합니다
이를 토대로 아이디는 주로 javascript에서 이벤트 핸들링 하는데 주로 사용을 하구여 , 가령 버튼 클릭 이벤트 같은 동작들이요
클래스는 css 스타일을 주는 경우에 사용합니다 주로 한페이지에 동일한 모양의 버튼이 여러개 있다면 동일한 클래스명을 부여해서 동일하게 style을 주는 식으로 사용을 합니다
"css에서 .과 #으로 구분지어 사용되고 id는 한페이지당 하나밖에 사용할수없다는 점 "
>> 정확히 이미 알고계시네요.
말씀하신것처럼 셀렉터가 다릅니다. 그리고 ID 는 한 HTML PAGE 에 단 한개만 사용하는 유니크한 인자입니다.
간단하게 생각하시면 header, footer 등 페이지에 한개만 존재하는 곳에 ID를 사용하시면되며
반복적으로 사용하는 DIV 에 class 를 주시면 됩니다.
네 맞습니다. 보통 id와 class는 . # 으로 많이 사용합니다. 그 이외에 차이점 이라면
보통 id 의 경우에는 하나의 값을 사용하기 때문에 div를 감싸는 wrapper 같은 곳에 사용합니다. 그리고 그 이하에 복수형들로 필요한 것은 class로 감싸는데요. 예를 들어보면 아래와 같이 사용을 많이 합니다. wrap은 감싸다라는 뜻을 가지고 있어서 id에 많이 사용 됩니다.
<div id="board-wrap"> <div class="board-card"></div> <div class="board-card"></div> <div class="board-card"></div> <div class="board-card"></div> </div>또 다른 차이점이 있다면 id는 보통 하나 밖에 사용이 되지 않으므로 입력필드값에도 종종 사용됩니다.
<input type="text" name="name" id="name" /> <textarea id="content"></textarea> <script> var name = $('#name').val(); var content = $('#content').val(); </script>안녕하세요~! 아하(Aha) 지식답변자 다라닝입니다.
질문하신 내용에 대하여 아래와 같이 답변 드립니다.용도가 완전 다른데요
div의 경우 단락의 개념으로 이해하시고 상위뎁스로써 사용되며 많은 하위 개념들을 갖습니다.
class의 경우 요소마다 속성을 부여하고나
원하는 속성을 하나의 클래스로 묶어서 일괄로 부여가 가능합니다.
부족하지만 도움이 되셨기를 바라며 추가적인 문의가 필요하시면 답변 부탁드려요!id와 class 차이는 질문자님이 생각하시는대로가 맞습니다.
id, class 머두 div 뿐만 아니라 span, p 등등의 Element 태그에서 사용되며, Selector를 위한 값들입니다.
id는 Element의 유니크한 값이며, 중복될 경우 Selector 검색 시 찾을 수 없거나 오류를 발생시킵니다. id의 표현은 #이며 javascript, css에서 특정 Element를 찾을 수 있습니다.
class는 css의 class 정의로 보시면됩니다. 표현은 . 으로 표현하며 id와는 다르게 중복되어도 됩니다. 일괄적인 style을 반영할 때 유용하며 때로는 id와 같이 특정 Element를 찾을 때도 사용됩니다.
