많은 XHTML 태그가 있습니다: 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. 삽입된 요소
일반적으로 "스타일, 위 첨자, 아래 첨자, 기준점 강조, 구별" 등을 위해 웹 사이트 콘텐츠의 특정 세부 사항이나 부분에 사용됩니다. 다음 태그는 모두 포함된 요소입니다.
a, abbr, acronym, b, bdo, big, br ,cite,code, dfn,em,글꼴,i,img,input,kbd,label,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var
2. HTML 태그의 중첩 규칙
1. 블록 요소는 인라인 요소 또는 특정 블록 요소를 포함할 수 있지만 인라인 요소는 다른 인라인 요소만 포함할 수 있습니다.
2. 블록 수준 요소는
안에 배치할 수 없습니다. 🎜 >
3. . , 더 이상 블록 수준 요소를 포함할 수 없습니다.
h1, h2, h3, h4, h5, h6, p, dt
4. li에는 div 태그가 포함될 수 있습니다. 반드시 그럴 필요는 없습니다. 그런데 인터넷에서 많은 분들이 이에 대해 조금 헷갈려 하시는 것 같아서 간단히 설명드리자면
li 및 div 태그는 모두 콘텐츠를 로드하기 위한 컨테이너이며 수준 간 구분이 없습니다(예: h1 및 h2^_^과 같은 엄격한 계층). 부모 ul 또는 ol이 수용될 수 있습니다. 왜 일부 사람들은 li가 div를 수용할 수 없다고 생각합니까? 리가 너무 인색하다고 생각하지 마세요. 사실 리가 마음이 넓거든요...
5. 블록 수준 요소는 블록 수준 요소와 병치되고, 인라인 요소는 인라인 요소와 병치됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
