HTML 태그의 중첩 규칙

많은 HTML 태그가 있습니다: div, ul, li, dl, dt, dd, h1~h6, p, a, addressa,span,strong... 이러한 태그를 사용하여 페이지 구조를 구축할 때 다음을 수행할 수 있습니다. 무한히 중첩될 수 있지만 중첩에는 특정 규칙이 필요합니다. 개인적인 습관이 무작위로 중첩되도록 허용할 수는 없습니다.

1. HTML 태그에는 블록 수준 요소(block)와 인라인 요소(inline)가 포함됩니다.

1. 블록 수준 요소

는 일반적으로 웹 사이트 아키텍처를 구축하는 데 사용됩니다. 레이아웃, 내용 운반... 다음 태그가 포함됩니다:

　address, blockquote, center, dir, div, dl, dt, dd, fieldset, form, h1~h6, hr, isindex, menu, noframes , noscript, ol, p, pre, table, ul

2. 인라인 요소

일반적으로 "강조, 스타일 구별, 위 첨자, 아래 첨자, 앵커"를 위해 웹 사이트 콘텐츠의 특정 세부 사항이나 부분에 사용됩니다. point" 등이 있습니다. 다음 태그는 모두 인라인 요소입니다:

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em,font, i , img, input, kbd, label, q, s, samp, select, small,span, Strike, Strong, sub, sup, textarea, tt, u, var

2. HTML 태그의 중첩 규칙

1. 블록 요소는 인라인 요소 또는 특정 블록 요소를 포함할 수 있지만 인라인 요소는 블록 요소를 포함할 수 없습니다.

　

< p>

—— 오른쪽

　

　

—— 틀렸습니다

　

　3. 인라인 요소만 포함할 수 있고 블록 수준 요소를 포함할 수 없는 몇 가지 특수 블록 수준 요소가 있습니다.

h1, h2, h3, h4, h5, h6, p, dt

4. li에는 div 태그가 포함될 수 있습니다. 이는 별도로 나열할 필요가 없지만 인터넷에서 많은 사람들이 이에 대해 혼동하고 있습니다. 이므로 여기서 간단히 설명하겠습니다.

li 및 div 태그는 모두 콘텐츠를 로드하기 위한 컨테이너이며, 상태가 동일하고 수준 구분이 없습니다(예: h1, h2 이러한 엄격한 계층 구조^_^). li 태그는 상위 ul 또는 ol도 수용할 수 있다는 것을 알아야 합니다. 왜 어떤 사람들은 li가 div를 수용할 수 없다고 생각합니까? li가 너무 인색하다고 생각하지 마세요. li는 꽤 야위어 보이지만 사실 li는 마음이 넓습니다...

　5. 블록 수준 요소와 인라인이 병치됩니다. 요소는 인라인 요소와 인라인입니다.

　

>　

< a href=”#”>

—— 그렇군요