HTML 태그의 중첩 : 허용 vs 불가


HTML 태그의 중첩 가능

HTML 태그는 중첩이 가능합니다. 태그는 다른 태그에 소속되거나 다른 태그를 포함할 수 있습니다 .

<p>곰은 사과를 <strong>베어</strong> 먹습니다.</p>

<p> 태그는 문단을 정의합니다. <strong> 태그는 해당 영역의 글씨를 두껍게 하고 내용상으로 중요하다는 사실을 브라우저에 알립니다.

태그 교차 중첩 불가능

태그는 중첩될 때 교차 되면 안됩니다. HTML은 문법 오류에 관대한 편이라 억지로 구현은 되지만 추천하지 않는 방법입니다.

<p>못에서 피가 나는 이유는 <strong>모세 혈관</p>이 있기 때문입니다.</strong>


인라인 태그의 블록 태그 포함 불가능

HTML의 인라인 태그 사이에는 블록 태그가 삽입될 수 없습니다. 블록 태그는 인라인 태그와 블록 태그를 모두 포함할 수 있습니다.

<strong>머리가 세 개인 것을 <p>헤드셋</p>이라 부릅니다.</strong>

인라인 태그는 <strong>, <em>, <i>와 같이 태그의 영역만 화면에서 자리를 차지합니다. 인라인 태그는 태그를 다시 작성해도 새로운 줄에서 시작하지 않습니다. 블록 태그는 <p>, <li>와 같이 태그가 시작될 때 마다 새로운 줄에서 영역이 시작됩니다.