HTML5의 태그 중첩 규칙 구문 분석-H5 튜토리얼-php.cn

아래 편집기는 HTML5 태그 중첩 규칙에 대한 자세한 설명을 제공합니다[필독]. 에디터가 꽤 좋다고 생각해서 지금 공유하고 참고용으로 드리고 싶습니다.

이전 단어
HTML5에서 3499910bf9dac5ae3c52d5ede7383485 이전에는 그렇지 않았던 블록 수준 요소가 규칙에 부합하지 않는 것으로 간주됩니다. 이번 글에서는 html5

분류
의 태그 중첩 규칙을 자세히 소개하겠습니다. html5가 등장하기 이전에는 요소를 블록, 인라인, 인라인 블록으로 구분하는 경우가 많았습니다. HTML5에서는 요소가 더 이상 디스플레이 속성으로 구분되지 않고, 콘텐츠모델으로 구분됩니다.

은 메타데이터 콘텐츠, 섹션 콘텐츠, 제목 콘텐츠, 플로우 콘텐츠, 구문 콘텐츠, 삽입 콘텐츠), 인터랙티브(인터랙티브 콘텐츠)로 구분됩니다. 어느 한 범주에도 속하지 않는 요소를 관통형이라고 하며, 두 개 이상의 범주에 속할 수 있는 요소를 혼합형이라고 합니다.

메타데이터 콘텐츠는 다른 콘텐츠의 성능이나 동작을 설명하거나, 현재 문서와 다른 문서 간의 연결을 설정하는 데 사용할 수 있는 요소입니다.

Flow 요소(flow content) 응용 프로그램 및 문서의 본문에 사용되는 대부분의 요소입니다

섹션 내용은 제목과 바닥글의 범위를 정의하는 데 사용되는 요소입니다

약어 영역의 단락 수준 텍스트 요소를 표시하는 데 사용됩니다(지도의 하위인 경우). 요소) 오디오 b bdi bdo br 버튼 캔버스 인용 코드 데이터 데이터 목록 del dfn em 삽입 i iframe img 입력 ins kbd keygen 라벨 지도 표시 수학 미터 noscript 개체 출력 진행 q ruby samp 스크립트 선택 작은 범위 강한 하위 지원 svg 템플릿 텍스트 영역 시간 u var video wbr text
　임베디드 요소(임베디드 콘텐츠)는 참조 문서의 다른 리소스에 삽입하거나

audio canvas embed iframe img math object svg video
하는 요소입니다. 대화형 요소(대화형 콘텐츠)는 사용자와 상호 작용하는 데 특별히 사용되는 요소입니다.

오디오(controls 속성이 설정된 경우) 버튼 포함 iframe img(usemap 속성이 설정된 경우) 입력(type 속성이 설정되지 않은 경우) 숨김) keygen 라벨 객체(usemap 속성이 설정된 경우) 텍스트 영역 비디오 선택(controls 속성이 설정된 경우)

,
,
,
,
, ,
[1.1] 하위 요소는 흐름 요소이며
;,

　【1.2] 하위 요소는 제외됩니다. 흐름 요소이지만 f5d188ed2c074f8b944552db028f98a1 요소를 포함하지 않습니다

63bd76834ec05ac1f4c0ebbeaafb0994
　【1.3】하위 요소는 흐름 요소이지만 ff9c23ada1bcecdd1a0fb5d5a0f18437 요소를 포함하지 않습니다.

[1.4] 하위 요소는 흐름 요소이지만
,
,
요소
,
를 포함하지 않습니다. ,

[1.5] 하위 요소는 흐름 요소이지만
,
, sectioning content, Heading content(heading content)

를 포함하지 않습니다. ,
[1.6] 하위 요소는 흐름 요소이지만
,
,
, 섹션 콘텐츠, 제목 콘텐츠

를 포함하지 않습니다. ;
[1.7] 하위 요소는 614eb9dc63b3fb809437a716aa228d24 요소이고 그 뒤에 흐름 요소가 있습니다
a7e92aa379a95c24a947f9b436d5f4f4
　【1.8】하위 요소는 e911751791aa3ba95dc724e2fb905976 흐름 요소

3a40a4e7c73d4afbf61ba6910bd6f73f

【 2】하위 요소는 명령문 요소입니다
, , , , , , , , , <var>, <samp>, <kbd>, <sub>, <sup>, <i>, <b>, <u>, <mark>, <bdi>, <bdo>, <span>, <input>, <output>, <legend>, <label><p> [2.1] 하위 요소는 명령문 요소이지만 동일한 요소는 포함하지 않습니다. <br> </p>&lt ;dfn>, 6ecb87e5318a36c03c59e25d55f43372, 49c6123c49c6be380cb91db06cd3bfa9<p> [2.2] 하위 요소는 설명문 요소이지만 대화형 콘텐츠 요소(대화형 콘텐츠)는 포함하지 않습니다. <br></p>bb9345e55eb71822850ff156dfde57c8 <p> <br></p>【3】하위 요소는 투명합니다(상위 요소에서 허용하는 하위 요소에 따라 다름)<p></p>426be984ffbbb815d7d88e3543a85d91, 823db3943044a0a9a620ada8d4b1d965, dab9f699790ab0922e596ecb9f6677d5<p>　【3.1 】자식 요소는 투명하지만(상위 요소에서 허용하는 하위 요소에 따라 다름) 대화형 요소(대화형 콘텐츠)를 포함하지 않습니다. <br></p>3499910bf9dac5ae3c52d5ede7383485<p> [3.2] 하위 요소는 no를 가질 수 있으며, 0c68fef83818661b6da588c77ca3985e 요소일 수도 있고 투명할 수도 있습니다(상위 요소가 허용하는 하위 요소에 따라 다름) <br></p>273238ce9338fbb04bee6997e5552b95<p> <br></p>[4] 하위 요소 없음 <p></p> <hr>, <br>, <wbr>, <img alt="HTML5의 태그 중첩 규칙 구문 분석" >, <embed>, <param>, <source>, 8a1ec530dcea374bf83ce3e2e36dddaa, 03fc64e1e502d5ba947b3a9af06d2d2a , 581cdb59a307ca5d1e365becba940e05, aa983b9eb8086376f1f6481364a02e5a<p> [4.1] 하위 요소는 아무 것도 갖지 않을 수도 있고, </p> <li> 요소일 수도 있고, <script>, <template>일 수도 있습니다. 요소 <br/><ol>, <ul><p> [4.2] 하위 요소는 존재하지 않을 수도 있고, <dt> 및 <dd> 요소일 수도 있고, <script>일 수도 있습니다. d477f9ce7bf77f53fbcf36bec1b69b7a 요소 <br/> 5c69336ffbc20d23018e48b396cdd57a<p>【4.3】 하위 요소는 존재할 필요가 없으며, 5a07473c87748fb1bf73f23d45547ab8, 5b7a15bed8615d1b843806256bebea72 또는 27835793f4768f4164d1421d99e293bc, d477f9ce7bf77f53fbcf36bec1b69b7a 요소 <br/>221f08282418e2996498697df914ce4e <p>　【4.4】자식 요소는 반드시 그럴 필요는 없으며, 5a07473c87748fb1bf73f23d45547ab8이거나 3f1c4e4b6b16bbbd69b2ee476dc4f83a일 수 있습니다. , d477f9ce7bf77f53fbcf36bec1b69b7a 요소 <br/>5b7a15bed8615d1b843806256bebea72<p>　【4.5】하위 요소는 없음일 수 있으며, 5a07473c87748fb1bf73f23d45547ab8 요소일 수 있습니다. <br/>fc86e7b705049fc9d4fccc89a2e80ee3<p> [4.6] 하위 요소는 없음일 수도 있고, 9bf7cbf2c39baa37076a22499de2f6ed 요소일 수도 있고, <br/> <audio>, <p>일 수도 있습니다. [4.7 ] 하위 요소가 없거나 <col>, <template> 요소일 수 있습니다. <br/>879b49175114808d868f5fe5e24c4e0b<p> 4.8] 하위 요소가 없을 수도 있고 <tr&gt일 수도 있습니다. ; 또는 <script>, <template> 요소 <br/><tbody>, <thead>, <tfoot><p>일 수 있습니다. 【4.9】 하위 요소가 없을 수 있습니다. <tr>, <th>일 수도 있고 <script>, <template> 요소일 수도 있습니다 <br/><tr><p> <br/>【5】자식 요소는 <caption>, <colgroup>, <thead>, <tfoot>, <tbody>이거나 <script>, <template> 요소일 수 있습니다 <p><table> 🎜><p>5a07473c87748fb1bf73f23d45547ab8<br/><p><p>요약<br/><p> 각 요소의 세부 중첩 규칙에 대해서는 위 부분을 에서 소개한 바 있습니다. 세부 사항. 주로 사용되는 태그 <br/>의 중첩 규칙을 정리한 부분입니다. [참고] 짙은 회색 배경의 텍스트 위로 마우스를 가져가면 <p><strong>[ 요소에 포함된 태그가 제목에 표시됩니다. 1] <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>의 하위 요소는 명령문 요소입니다. <span style="font-size: 18px;"><br/>[ 2] 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d는 중첩될 수 없습니다.c37f8231a37e88427e62669260f0074d</script> </li></source></embed></wbr></label> </legend></output></span>【3】3499910bf9dac5ae3c52d5ede7383485의 하위 요소는 투명합니다(상위 요소는 하위 요소를 허용합니다). 정확하지만 대화형 요소(대화형 콘텐츠)는 포함되지 않습니다. <p>【4】ff9c23ada1bcecdd1a0fb5d5a0f18437 중첩할 수 없습니다ff9c23ada1bcecdd1a0fb5d5a0f18437</p> <p>【5】bb9345e55eb71822850ff156dfde57c8 유형 요소, 대화형 콘텐츠(interactive content) </p> <p>【6】63bd76834ec05ac1f4c0ebbeaafb0994은 중첩될 수 없습니다f5d188ed2c074f8b944552db028f98a1</p> <p>【7】73de882deff7a050a357292d0a1fca94, b4d429308760b6c2d20d6300079ed38e는 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, 섹션 내용, 제목 내용을 중첩할 수 없습니다. </p> <p> [관련 권장 사항] </p> <p>1. <a href="http://www.php.cn/course/list/13.html" target="_self">무료 h5 온라인 동영상 튜토리얼</a></p> <p>2. <a href="http://www.php.cn/course/34.html" target="_self">HTML5 정식 버전 매뉴얼</a></p> <p>3. <a href="http://www.php.cn/html5-tutorial-349995.html" target="_self">HTML5의 동영상 태그에 대한 자세한 설명</a> </p> <p>4. <a href="http://www.php.cn/html5-tutorial-353329.html" target="_self">HTML5는 태그 및 새 태그에 대한 자세한 설명을 지원하지 않습니다</a></p></bdo></bdi></mark></u></b></i></sup></sub></kbd></samp></var>

위 내용은 HTML5의 태그 중첩 규칙 구문 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!