강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

oo !님의 프로필 이미지
oo !

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기3

선생님 inner와 container 둘중에 하나만 쓰면 안되는건가요?

작성

·

338

0

선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요?

그리고 head-brand와 head-blog , head-container는 단 하나뿐이라 클래스 말고 id로 써도 될텐데 class로 쓰는 이유가 있을까요?

퀴즈

웹 페이지의 `head` 영역에 포함되는 뷰포트(viewport) 메타 태그의 주요 목적은 무엇일까요?

웹사이트의 배경 색상을 설정합니다.

검색 엔진 최적화를 위한 키워드를 정의합니다.

다양한 기기 화면에서 웹 페이지의 너비와 배율을 제어합니다.

웹 페이지에 포함될 JavaScript 파일을 선언합니다.

답변 1

1

안녕하세요.

사실 여러번 이야기가 된 문의이긴 한데요. 기본적으로 container 만으로도 제어는 가능합니다. inner 는 전체 웹사이트에 대한 프레임을 만드는 것이고, 그 안에 각 section 별로 또 그안에 각 container 별로 프레임을 만드는 것이 가장 일반적이기 때문에, 이렇게 가장 best example 로 설명을 드렸습니다. 오롯이 각각을 container 별로 해도 문제는 없습니다. 다만 container 별로 다른 설정이 적용되면, 뭔가 삐져나오거나 할 수도 있습니다.

말씀하신대로, head-brand 등 클래스 말고, id 로 쓰시는 등 여러가지 방법이 가능해요. 워낙 어떤 특정 룰이 없는 것이라서요. 그렇지만 이중에서 보통은 class 로 처리를 많이합니다. 이것도 가장 일반적인 예제로 최대한 만들어서 설명을 드렸습니다.

oo !님의 프로필 이미지
oo !

작성한 질문수

질문하기