html 블록 요소와 인라인 요소에 대한 자세한 소개

원문은 여기

블록레벨 요소의 분류
블록레벨 요소는 구조적 적용 여부와 내용적 적용 여부에 따라 구조화된 블록 요소, 터미널 블록 요소, 멀티 타겟 블록 요소의 세 가지 유형으로 구분됩니다.
1. 구조화된 블록 요소
이러한 유형의 요소는 문서를 구조화하는 데 사용됩니다. 좋은 문서 구조는 검색 엔진 및 기타 기술(예: JavaScript)에 매우 유용합니다. 의미론적인 의미는 없습니다. 문서의 구성만 정의할 뿐 문서의 내용을 반영하지는 않습니다.
기본 구조적 블록 요소
*

*
*


* 지원 구조적 요소
* < ;li>
*


*

*
*
2. 터미널 블록 요소
이 유형의 요소는 구조에서 내용으로 이동하는 데 사용되며 의미적 의미를 가질 수 있습니다. . 터미널 블록 요소는 구조의 끝에 속하며 다른 블록 수준 요소는 포함할 수 없으며 텍스트 또는 라인 수준 요소만 포함할 수 있습니다.
터미널 블록 요소
*

...


*


*

다목적 블록 요소는 구조화된 방식으로 사용될 때 구조적 의미를 가지며, 터미널 형식으로 사용될 때 의미론적 의미를 갖습니다.
다중 대상 블록 요소에는 블록 요소나 콘텐츠(텍스트와 줄 수준 요소의 조합이 콘텐츠임)가 포함될 수 있지만 동시에 둘 다 포함될 수는 없습니다. 콘텐츠는 블록 요소에 배치되어야 합니다. 블록 요소는 줄 수준 요소와 텍스트의 형제 요소로 사용되어서는 안 됩니다. HTML 유효성 검사기의 한계로 인해 현재 이러한 상황을 감지할 수 있는 방법은 없지만 피해야 합니다.
다중 대상 블록 요소
*


*


*


> *