简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > H5 튜토리얼 > 본문

HTML5의 태그 중첩 규칙 구문 분석

零下一度
풀어 주다： 2017-05-25 13:50:01
원래의
2676명이 탐색했습니다.

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

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

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

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

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

base link meta noscript script style template title
로그인 후 복사

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

a abbr address area(如果它是map元素的子元素) article aside audio b bdi bdo blockquote br button canvas cite code data datalist del dfn div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hr i iframe img input ins kbd keygen label main map mark math meter nav noscript object ol output p pre progress q ruby s samp script section select small span strong sub sup svg table template textarea time u ul var video wbr text
로그인 후 복사

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

기사 외 탐색 섹션
　제목 내용은 섹션/섹션 제목

h1 h2 h3 h4 h5 h6
문구 내용은

약어 영역의 단락 수준 텍스트 요소를 표시하는 데 사용됩니다(지도의 하위인 경우). 요소) 오디오 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] 하위 요소는 흐름 요소이며