HTML 태그의 중첩 규칙 소개_HTML/Xhtml_웹 페이지 제작

많은 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. 블록 요소는 인라인 요소 또는 특정 블록 요소를 포함할 수 있지만 인라인 요소는 다른 인라인 요소만 포함할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

　

—— for

　 —— 예

　

—— 틀림

2. 블록 수준 요소는

안에 배치할 수 없습니다. 🎜 >

코드 복사코드는 다음과 같습니다.

　

—— 틀림

　

—— 틀림

3. . , 더 이상 블록 수준 요소를 포함할 수 없습니다.

코드 복사코드는 다음과 같습니다. 다음은 다음과 같습니다.

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

4. li에는 div 태그가 포함될 수 있습니다. 반드시 그럴 필요는 없습니다. 그런데 인터넷에서 많은 분들이 이에 대해 조금 헷갈려 하시는 것 같아서 간단히 설명드리자면
li 및 div 태그는 모두 콘텐츠를 로드하기 위한 컨테이너이며 수준 간 구분이 없습니다(예: h1 및 h2^_^과 같은 엄격한 계층). 부모 ul 또는 ol이 수용될 수 있습니다. 왜 일부 사람들은 li가 div를 수용할 수 없다고 생각합니까? 리가 너무 인색하다고 생각하지 마세요. 사실 리가 마음이 넓거든요...

5. 블록 수준 요소는 블록 수준 요소와 병치되고, 인라인 요소는 인라인 요소와 병치됩니다.

코드 복사코드는 다음과 같습니다.

　

;/p>

　

　

—— 틀렸습니다

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.