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

HTML5에는 어떤 새로운 태그와 속성이 추가되나요? 새로운 태그 및 속성이 추가되었습니다(요약)

青灯夜游
풀어 주다： 2018-09-15 18:10:09
원래의
4488명이 탐색했습니다.

이 장에서는 HTML5에 어떤 새로운 태그와 속성이 추가되었는지 소개하겠습니다. HTML5에 새로 추가된 속성과 태그가 무엇인지 모든 사람이 알 수 있도록 새로운 태그와 속성이 추가되었습니다(요약). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

IE9 이하를 제외한 모든 사용자가 사용할 수 있는 HTML5의 새로운 기능을 요약했습니다.

HTML5 구문

mostly html 구문을 계속합니다

차이점: 처음에는 #🎜🎜 #

<!DOCTYPE html>
<html>
<meta charset="utf-8">
로그인 후 복사

문자 인코딩이 간결해지고 대소문자를 구분하지 않으며 부울 값이 추가되었습니다. check, selected

따옴표는 생략 가능하지만 인코딩에 따라 사양에 따라 #🎜🎜 사용을 권장하지 않습니다. #

끝 문자를 생략할 수 있는 태그와 완전히 생략할 수 있는 태그가 있습니다.

HTML5 새로 추가된 태그:

# 구조 태그

#. 🎜🎜# (1) 섹션: 문서 구조를 나타내는 개요로 h1~h6으로 구성될 수 있는 독립적인 콘텐츠 블록입니다. 또한 장, 머리글, 바닥글 또는 머리글의 다른 부분을 가질 수도 있습니다. 🎜🎜 # (2) 기사: 이 헤더의 핵심 내용을 나타내는 특별한 독립 블록

(3) 옆: 태그 외에 태그 내용과 관련된 보조 정보; content;

(4) 헤더: 특정 블록의 헤더 정보/제목

(5) hgroup: 헤더 정보/제목의 보충 콘텐츠; 🎜🎜# (6) footer: 하단 정보;

(7) nav: 네비게이션 바의 일부 정보

(8) Figure: a 등의 독립 단위; 사진과 콘텐츠가 포함된 특정 뉴스 블록.

2. 양식 태그

(1) 이메일: 이메일을 입력해야 합니다.

(2) : URL 주소를 입력해야 합니다. (3) 숫자: 숫자를 입력해야 합니다.

(4) 범위: 특정 범위 내의 숫자를 입력해야 합니다.

#🎜🎜 #(5) 날짜 선택기: 날짜 선택기

date: 월, 연도 선택;

week: 주 및 연도 선택

  • time: 시간 선택(시 및 분) #🎜🎜 #

  • datetime: 시간, 일, 월, 연도 선택(UTC 시간)

  • datetime-local: 시간 선택, 일, 월, 연도(현지 시간)

  • (6) 검색: 일반 텍스트 필드 검색

    #🎜🎜 #(7)color: 색상; .

  • 3, 미디어 태그

  • (1) 비디오: 비디오

    (2) 오디오: 오디오;
(3) 삽입: 삽입된 콘텐츠(다양한 미디어 포함), Midi, Wav, AU, MP3, Flash, AIFF 등

4. 기타 기능 태그

(1) mark: 표시, 강조 표시(메모를 위한 형광펜과 유사); (2) 진행률: 진행률 표시줄; ;

(3) 시간 : 검색 엔진에서 사용되는 데이터 태그, 게시 날짜업데이트 날짜;

(4) ruby ​​​​및 rt: 특정 단어에 주석 달기;주석 내용 브라우저가 지원하지 않을 때 표시

(5) wbr: 부드러운 줄 바꿈, 페이지 너비가 필요한 줄 바꿈에 도달할 때 줄 바꿈; ) 캔버스: JS 코드를 사용하여 이미지 그리기용 컨텐츠 만들기;

(8) 세부사항: 메뉴 확장; 🎜# (9) dateilst: 텍스트 필드 드롭다운 프롬프트 (10) keygen: 암호화.

새 속성:

js에 속성이 추가되었습니다. 

<script defer src=".....js" onload="alert(&#39;a&#39;)"></script>
<script async src=".....js" onload="alert(&#39;b&#39;)"></script>
로그인 후 복사

위의 두 가지 속성이 없으면 실행 순서는 첫 번째 src를 먼저 로드(다운로드)한 다음 해당 onload를 실행한 다음 defer 속성을 아래쪽으로 동기적으로 실행하는 것입니다. h5 이전에도 존재했습니다. 지연 로딩(지연 실행)을 입력하면 먼저 src에 파일 내용을 로드(다운로드)한 다음 페이지가 완전히 로드될 때까지 기다린 다음 onload에 js.async 속성을 로드합니다. src를 로드한 후 즉시 onload가 실행되고 위의 실행 순서에 따라 페이지가 계속 로드됩니다. 경고 표시에는 b가 먼저 표시된 다음 a가 표시됩니다.

웹페이지 라벨에 작은 아이콘의 스타일 코드 추가 

<link rel="icon" href="url..." type="图片名称" sizes="16*16">
로그인 후 복사

순서 목록 ol: 시작 추가(목록 시작 값 ), 반전(반전 여부) 메뉴 메뉴 유형 속성(3가지 메뉴 유형) 내장 CSS 스타일: 태그 내부에 스타일 블록(범위 지정)을 정의합니다. 이는 스타일 태그 내부에서만 유효합니다. 인라인 프레임: iframe 요소, 새로 추가됨 원활한 테두리 없음. , srcdoc는 인라인 프레임의 내용을 정의합니다.