보통 특정 요소를 포함하는 하나의 큰 요소를 다음과 같이 포함하는 경우를 자주 사용하고 있습니다.

<div id="container">
    ...
</div>

<div id="wrapper">
    ...
</div>

일반적으로 Bootstrap 을 사용할 경우엔 class 에 container 와 같은 용어가 빈번히 사용되어 별 생각없이 사용했었습니다. 마침 이번에 개인 포트폴리오 사이트를 제작할 생각이 들어 라이브러리나 프레임워크의 도움없이 순수한 HTML5, CSS3, JavaScript (ES6) 를 사용하려고 보니 위 두 용어의 차이가 명확히 무엇인지 헷갈리기 시작했습니다.

제가 알고 있기론 container 의 경우 일반적으로 복수의 요소를 포함하고 있을 경우에 그리고 wrapper 의 경우엔 단일 요소를 포함하고 있을 경우에 사용한다고 알고 있습니다. 또는 어떤 요소를 담고 있으면 container 라 칭하고 감싸고 있다면 wrapper 라고 칭한다는 이야기도 있는데 어느 것이 일반적으로 맞는 이야긴가요?

개인적인 생각으론 담고 있다는 표현이나 감싼다는 표현이나 사실 일맥상통하는게 아닌가 싶기도합니다.