안녕하세요
오랜만에 찾아왔습니다.
이제 조금은 책을 덮어놓고 div와 css 코딩을 할줄 알게 됐습니다.
처음엔 아무것도 몰라서 책만보고 이해도 못한채 따라하기 바빴는데요
요즘 검색을 해가며 공부하다보니 id와 class 사용에대해 조금 궁금해져서요
처음엔 거의 모든div를 id로 지정해서 사이트를 만들었는데 지금 보니 id는 header나 article, footer등 사이트 내에 한번만 사용되는곳에 적용하고 나머지는class로 디자인하라고 하더라구요.
그래서 지금 사이트를 다시 코딩하려고하는데 id를 사용한거 그대로 둬도 될지 아님 바꾸는게 좋을지 궁금해져서 의견을 듣고싶습니다.
저자님께선 작업하실때 id를 어디까지 적용하시는지.. 저는 아직 경험이 없어서 어떻게 해야할지 감이 잘 안오네요.
그리고 한가지 더 질문 드리면 class 이름을 잘 지으려면 어떻게 해야하는지도..
전 그냥 막 짓고 있었는데 이것도 사용 용도에 따라 이름을 잘 지어야 편하다고하더라구요.
그래서 여기저기 찾아보는데 제가 원하는 답변은 아직 못찾고 있습니다.
정말 div와 css로 코딩하는데 재미를 느끼고 있어서 저절로 이것저것 찾아보고 공부하게 되네요^^
해외 html5 혹은 웹표준 사이트를 보면 디자인도 다양하고 다양한 css의 기능을 사용한 사이트들이 많아 알고싶은것도 많아지네요.
앞으로 또 자주 오게 될지도 모르겠습니다.
좋은 질문입니다. 먼저 현재 id선택자로 만들어 놓은 것은 수정하지 마세요.
id선택자를 사용하던 class 선택자를 사용하던 결과물은 같습니다. 그러니, 굳이 수정하실 필요는 없습니다.
HTML5에서는 웹 문서의 구조를 잡아주는 태그 선택자들이 대거 등장하여 이전 XHTML 문서와 달리 id 선택자를 사용할 일이 많이 않습니다.
책에서도 언급되었지만, 이전에 div id="header" 와 같이 사용하던 태그가 header 라는 태그로 바뀌었기 때문입니다.
하지만 지금도 id 선택자는 구조를 만들어 주는데 만들어 주기 위해선 유용합니다. HTML5에 내장된 태그 선택자들이 모든 사용자를 위해서 만든 것이 아니기 때문입니다. 따라서 HTML5 문서에서도 문서의 구조를 만들어 줄 때는 id 선택자를 사용하시고, 나머지는 클래스 선택자를 사용하시면 됩니다.
선택자의 이름을 짓는 것이 참 어려운 일입니다. 하지만 간단하게 생각하시면 간단할 수 있는것이 이름을 짓는 일입니다.
예를 들어 검색이 들어가 있는 부분은 div id="search" 와 같이 만들면 되구요. 배너가 들어가 있는 부분이면 div id="banner"와 같은 방식으로 지어 주면 됩니다. 즉 특정 요소가 들어가 있는 부분에 개발자 혹은 디자이너가 봐도 대충은 이해가 가능한 이름을 짓는 것이 편리하다는 것입니다. 약간 길어도 상관 없습니다. 단 축약형은 쓰지 마세요. 예를 들어 검색 인데, div id="srch" 와 같이 만들어 버리면 처음 개발할 때는 알 수 있어도, 시간이 지나면 이해하기 어려울 수 있습니다. 따라서 최대한 간단하되, 이해할 수 있는 단어로 만드는 것이 편합니다. 굳이 영어 단어를 사용하지 않아도 됩니다. 예를 들어 회원 가입 부분이면 div id="member_gaip" 이런 식으로 사용하면 개발자가 한국인이 아닌 이상 무슨 말인지 알 수 있겠죠. ^^
도움 되셨나요?