HTML5의 태그 요약

생략 가능한 태그

닫는 태그를 허용하지 않는 태그: Area(이미지 맵의 영역을 정의), base(이미지 맵의 모든 링크에 대한 기본 주소 지정) page 또는 기본 대상), br, col(테이블의 하나 이상의 열에 대한 속성 값 정의), embed(플러그인과 같은 내장 콘텐츠 정의--5), hr, img, input, keygen, link , Meta, param, source , track, wbr

에서는 닫는 태그 태그를 생략할 수 있습니다: li, dt, dd, p, rt, optgroup, option, colgroup, thread, tbody, tr, td, th

완전히 생략 가능 태그: html, head, body, colgroup, tbody

새 태그

섹션: 페이지의 콘텐츠 블록, 장으로 , 페이지, 바닥글 또는 페이지의 다른 부분은 h1, h2... 및 기타 태그와 조합하여 문서 구조를 나타낼 수 있습니다.

기사: 기사와 같이 문맥과 관련이 없는 페이지의 독립적인 콘텐츠를 나타냅니다.

별도: 기사 이외의 콘텐츠를 정의하세요. Aside의 내용은 기사의 내용과 관련이 있어야 합니다.

헤더: 페이지 또는 전체 페이지의 콘텐츠 블록 제목입니다.

바닥글: 페이지의 콘텐츠 블록 또는 전체 페이지의 바닥글입니다.

hgroup: 페이지의 콘텐츠 블록 또는 전체 페이지의 제목을 그룹화합니다.

nav: 탐색 링크의 일부입니다.

그림: 독립적인 흐름 내용(이미지, 차트, 사진, 코드 등, 내용이 주요 내용과 관련되어야 하며 삭제되는 경우 문서 흐름에 영향을 주지 않아야 함)을 지정합니다.

동영상: 동영상. exp:

<video src="url" controls="controls">视频</video>

오디오: 오디오.

embed: 콘텐츠(다양한 미디어 포함)를 삽입하는 데 사용됩니다.

마크: 색상 변경, 주의하세요.

진행률: 진행률 표시줄. exp:

<progress max="100" value="85"></progress>

time: 날짜나 시간, 또는 둘 다를 정의합니다. 이 태그는 검색 엔진에서 사용됩니다. 엔진은 이 태그를 기반으로 이 블록이 시간을 나타낸다는 것을 알게 됩니다. pubdate라는 속성이 있습니다. 엔진이 이를 읽으면 이 블록의 datatime 값이 이 기사의 게시 시간이고 이 시간에 두 개의 특수 문자 T와 Z가 있음을 알 수 있습니다. T는 날짜 및 시간 구분 기호를 나타내고, Z는 표준 시간 형식을 나타냅니다. exp:

datalist: 옵션 목록을 정의합니다. 이 요소를 입력 요소와 함께 사용하여 가능한 입력 값을 정의합니다. exp:

<input list="cars"/><datalist id="cars"><option value=""></datalist>
output:exp:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100+<input type="number" id="b" value="50">=<output name="x" for="a b"></output></form>

전역 속성

데이터 유형: 사용자 정의 속성.

hidden: 숨겨진, 단일 라벨.

맞춤법 검사: 입력 내용의 문법을 교정합니다. exp:

<textarea spellcheck="true" ></textarea>

tabindex: 탭 키 순서.

contenteditable: 콘텐츠를 수정합니다. exp:

<p contenteditable="true" ></p>

전체 텍스트를 편집 가능하게 만들기:

<script>window.document.designMode="off";</script>

//off, on: editable

[관련 권장 사항]

1. 무료 h5 온라인 동영상 튜토리얼

2.

HTML5 새 태그로 브라우저 호환성 문제 해결

3.

HTML5 새 요소, 태그 요약

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