H5 태그 사용법에 대한 자세한 설명

이번에는 H5 태그 사용에 대한 자세한 설명을 가져왔습니다. H5 태그 사용 시 주의 사항은 무엇인가요?

닫는 태그가 있는 태그 쓰기를 허용하지 마세요: Area(이미지 맵의 영역을 정의), base(페이지의 모든 링크에 대한 기본 주소 또는 기본 대상 지정), 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

New

섹션 태그: 장, 페이지, 바닥글 또는 페이지의 다른 부분에서 사용할 수 있는 페이지의 콘텐츠 블록입니다. h1, h2... 문서 구조를 나타냅니다.

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

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

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

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

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

nav: Navigation링크 섹션.

그림: 독립적인 흐름 콘텐츠(이미지, 차트, 사진, 코드 등)를 지정합니다. 해당 콘텐츠는 주요 콘텐츠와 관련되어야 하지만, 삭제된 경우 문서 흐름에 영향을 주지 않아야 합니다.

동영상: 동영상. exp:ce02d3880f3df4e681e513795335c504videoa6a9c6d3f311dabb528ad355798dc27d

audio:Audio.

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

마크: 색상을 변경하고 따라가세요.

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

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

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

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:da7f412a3735b1426e8a2d1bde98e8b140587128eee8df8f03d0b607fe983014

tabindex:tab 키 순서.

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

전체 텍스트를 편집 가능하게 만드세요:

<script>window.
document
.designMode="off";</script>//off关闭,on:可编辑

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 콘텐츠를 보려면 비용을 지불하세요. PHP 중국어 웹사이트 기사의 다른 관련 주제에 주목하세요!

추천 도서:

페이징 쿼리 사용에 대한 자세한 설명

Node.js로 WeChat 벽을 개발하는 방법

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