HTML에서 인라인 요소(inline element)와 블록 요소(block element)의 차이점으로 올바른 것은?

쉬움 MDN Web Docs

보기 및 정답

A 블록 요소는 새 줄에서 시작하며 가용 너비를 모두 차지하고, 인라인 요소는 줄 안에서 콘텐츠 크기만큼만 차지한다

B 인라인 요소는 항상 블록 요소보다 먼저 렌더링되며, 브라우저가 우선순위를 자동으로 결정한다

C 블록 요소는 텍스트만 포함할 수 있고, 인라인 요소는 이미지만 포함할 수 있어 용도가 구분된다

D 인라인 요소에는 id나 class 속성을 사용할 수 없으며, 오직 블록 레벨 요소에서만 해당 속성이 정상적으로 적용된다

블록 요소(<div>, <p>, <h1> 등)는 새 줄에서 시작하고 부모의 전체 너비를 차지합니다. 인라인 요소(<span>, <a>, <strong> 등)는 텍스트 흐름 안에서 콘텐츠 크기만큼만 공간을 차지하며, 줄 바꿈 없이 나란히 배치됩니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인