블록 레벨과 인라인 요소의 차이점은 무엇입니까?
HTML은 웹 페이지의 구성 요소로 작동하는 다양한 요소로 구성됩니다. 이러한 각 요소는 블록 수준 요소 또는 인라인 요소 중 하나에 속합니다. 이 두 유형의 요소의 차이를 이해하는 것은 웹 페이지를 작성하는 중요한 단계입니다.
블록 레벨 요소
그렇다면 블록 레벨 요소는 무엇입니까? 블록 수준 요소는 웹 페이지에서 새 줄을 시작하고 해당 부모 요소의 사용 가능한 가로 공간의 전체 너비를 확장하는 HTML 요소입니다. 단락이나 페이지 분할과 같은 큰 콘텐츠 블록을 만듭니다. 실제로 대부분의 HTML 요소는 블록 수준 요소입니다.
블록 레벨 요소는 HTML 문서 본문 내에서 사용됩니다. 인라인 요소와 다른 블록 수준 요소를 포함 할 수 있습니다.
인라인 요소
블록 수준 요소와 달리 인라인 요소는 다음을 수행 할 수 있습니다.
- 한 줄 내에서 시작하기
- 새 줄을 시작하지 않습니다.
- 너비는 태그로 정의 된만큼 확장됩니다.
인라인 요소의 예로는 태그가 있습니다.이 태그는 텍스트 내용의 글꼴을 굵게 표시합니다. 인라인 요소는 일반적으로 다른 인라인 요소 만 포함하거나,
break 태그와 같이 전혀 포함 할 수 없습니다.
HTML에는 세 번째 유형의 요소, 즉 전혀 표시되지 않는 요소가 있습니다. 이러한 요소는 페이지에 대한 정보를 제공하지만 웹 브라우저에서 렌더링 될 때는 표시되지 않습니다.
예 :