클래스 이름 container? wrapper?

웹페이지 클로닝을 하다

클래스 이름으로 자주 등장하는 container와 wrapper에 대해서 궁금해졌다.

 

둘다 요소를 감싸거나 포함한다는 의미를 담고 있는 줄은 아는데,

어떨 때 container라는 이름을 붙이는지 어떨 때 wrapper라는 이름을 붙이는지 궁금했다.

 

애매한건 또 못 참지.

 

 

검색을 하다 보니, 어느 블로거 분이 두 명칭 차이를 이해하는데 도움이 되었다는 stack overflow의 글.

 

 

https://stackoverflow.com/questions/4059163/css-language-speak-container-vs-wrapper

CSS Language Speak: Container vs Wrapper?

 

 

 

 

 

< 위 질문에 올라온 답변 글 -stackoverflow- >

 

 

 

 

 

container는 한 개 이상의 요소를 포함하고 있는 구조의 클래스 이름으로 사용하고,
wrapper는 더 많은 기능과 인터페이스를 제공하기 위한 단일 객체 주위를 감쌀 때 사용하는 클래스 이름이라는 것 !








또한 밑에 이런 답변도 있다.

 

 

 

container는 한 섹션의 전체 너비를 스타일링할 때 사용하는 이름이고, wrapper는 그 안의 max-width된 내용을 중앙 정렬하거나 스타일링할 때 사용한다고 말이다.

 

이러저러한 이야기를 들어보니 container와 wrapper의 사용에 있어 전반적인 느낌은 알 것 같다.

 

어느 정도 이해가 가는 내용이지만, 서로 다른 면도 있는 답변이라 정확한 답은 다시 추후에 더 조사해봐야 하겠지만, 

첫번째 답변이 제일 수긍이 가는 설명같다.