HTML 블록 요소와 인라인 요소
HTML 요소를 <div>와 <span>로 조합할 수 있습니다.
HTML 블록 요소
대부분의 HTML 요소는 블록 요소나 인라인 요소로 정의됩니다.
편집자 주의: “블록 요소”는 block level element로 번역되고, “인라인 요소”는 inline element로 번역됩니다.
블록 요소는 브라우저에서 표시될 때 일반적으로 새 줄로 시작(끝)합니다.
예：<h1>, <p>, <ul>, <table>
HTML 인라인 요소
인라인 요소는 표시될 때 일반적으로 새 줄로 시작하지 않습니다.
예：<b>, <td>, <a>, <img>
HTML <div> 요소
HTML <div> 요소는 블록 요소로, 다른 HTML 요소를 조합할 수 있는 컨테이너로 사용됩니다.
<div> 요소는 특정 의미가 없습니다. 이 밖에, 그것이 블록 요소라는 점에서, 브라우저는 그 앞뒤에 줄 바꿈을 표시합니다.
CSS와 함께 사용할 때, <div> 요소는 큰 콘텐츠 블록에 스타일 속성을 설정할 수 있습니다.
<div> 요소의 또 다른 일반적인 사용은 문서 레이아웃입니다. 이는 테이블을 사용하여 레이아웃을 정의하는 오래된 방법을 대체합니다. <table> 요소를 사용하여 문서 레이아웃을 정의하는 것은 테이블의 올바른 사용이 아닙니다.<table> 요소는 테이블화된 데이터를 표시하는 데 사용됩니다.
HTML <span> 요소
HTML <span> 요소는 인라인 요소로, 텍스트의 컨테이너로 사용될 수 있습니다.
<span> 요소는 특정 의미가 없습니다.
CSS와 함께 사용할 때, <span> 요소는 일부 텍스트에 스타일 속성을 설정할 수 있습니다.
HTML 그룹 태그
| 태그 | 설명 |
|---|---|
| <div> | 문서 내의 구분이나 섹션(division/section)을 정의합니다. |
| <span> | 문서 내의 행 내 요소를 조합하는 데 사용되는 span을 정의합니다. |
