이 문서는 HTML5의 새로운 태그와 속성에 대한 요약을 공유합니다. 내용이 매우 좋습니다. 도움이 필요한 친구들이 참조할 수 있기를 바랍니다.
기본적으로 IE9 이하를 제외한 모든 사람이 사용할 수 있는 HTML5의 새로운 기능을 모아 정리합니다.
HTML5 구문
대부분 html
의 구문을 이어갑니다. 차이점: 시작
문자 인코딩이 간결해지고,
대소문자를 구분하지 않으며,
부울 값을 추가합니다(선택, 선택)
따옴표는 생략 가능하지만 코딩 표준에 따라 권장하지 않습니다.
끝 문자를 생략할 수 있는 태그와 완전히 생략되는 태그가 있습니다.
태그 추가:
1. 구조 태그
(1) 섹션: 독립적인 콘텐츠 블록, h1~h6을 사용하여 문서 구조를 나타내는 개요를 구성할 수 있으며, 장, 머리글, 바닥글 또는 머리글의 다른 부분을 가질 수도 있습니다.
(2) 기사: 이 머리글의 핵심 콘텐츠를 나타내는 특별한 독립 블록
(3) 옆: 태그 외부; 태그 내용과 관련된 내용 및 보조 정보
(4) 헤더: 특정 블록의 헤더 정보/제목
(5) hgroup: 헤더 정보/제목의 보충 내용; ) 바닥글: 하단 정보;
(7) nav: 탐색 표시줄의 일부 정보
(8) 그림: 사진과 콘텐츠가 포함된 뉴스 블록과 같은 독립적인 단위입니다.
2. 양식 라벨
(1) 이메일: 이메일을 입력해야 합니다.
(2) URL: URL 주소를 입력해야 합니다.
숫자 값을 입력해야 합니다.
(4) 범위: 특정 범위 내의 값을 입력해야 합니다.
(5) 날짜 선택기: 날짜 선택기; , year
b .month: 월, 연도 선택
c.week: 주, 연도 선택
d.time: 시간(시, 분) 선택
이자형. datetime: 시간, 일, 월, 연도 선택(UTC 시간)
f.datetime-local: 시간, 일, 월, 연도 선택(현지 시간)
(6) 검색: 일반 텍스트 필드 검색 ;
(7) 색상: 색상.
3, 미디어 태그
(1) 동영상: 동영상 #🎜🎜 #
(2) 오디오: 오디오
(3) 삽입: 삽입된 콘텐츠(다양한 미디어 포함), Midi, Wav, AU , MP3, 플래시, AIFF 등
4. 기타 기능 태그
(1) 표시: 표시, 강조 표시(메모를 위한 형광펜과 같습니다)
(2) 진행률:
(3) 시간: 검색 엔진에서 사용되는 데이터 레이블 출시 날짜업데이트 날짜# 🎜 🎜#
(4) ruby and rt: 특정 단어에 댓글 달기;;(5) wbr: 부드러운 줄 바꿈, 페이지 너비가 줄 바꿈에 도달할 때 줄 바꿈 🎜##🎜🎜; # (6) 캔버스: JS 코드를 사용하여 이미지 그리기용 콘텐츠 만들기
(7) 명령: 버튼 #
(8 ) 세부정보: 확장 메뉴
(9) dateilst: 텍스트 필드 드롭다운 프롬프트 #🎜🎜 #
(10) 키젠: 암호화.
새 속성:
for js 속성을 추가합니다.
#🎜 🎜#
위의 두 가지 속성이 없는 경우 실행 순서는 첫 번째 src를 먼저 로드(다운로드)한 다음 onload를 실행한 다음 defer 속성을 아래쪽으로 동기적으로 실행하는 것입니다. h5 이전에도 존재했는데, 지연 로딩(지연 실행)을 입력하면 먼저 src에 파일 내용을 로딩(다운로드)한 뒤 페이지가 완전히 로딩될 때까지 기다린 후 onload에 js.async 속성을 로딩하게 되는데, src를 로드한 후 즉시 onload가 실행되고 위의 실행 순서에 따라 페이지가 계속 로드됩니다. 경고 표시에는 b가 먼저 표시된 다음 a가 표시됩니다.
웹페이지 라벨에 작은 아이콘 스타일 코드 추가
#🎜🎜 #Ordered list ol: start 추가(목록 시작 값), reversed(반전 여부) 메뉴 유형 속성(3가지 메뉴 유형) 내장 CSS 스타일: 태그 내부에 스타일 블록(범위 지정) 정의, 스타일 태그 내부에만 해당 효과적인 인라인 프레임: iframe 요소, Seamless, Borderless 및 Borderless가 추가되고 srcdoc는 인라인 프레임의 내용을 정의합니다.