이 장에서는 HTML5에 어떤 새로운 태그와 속성이 추가되었는지 소개하겠습니다. HTML5에 새로 추가된 속성과 태그가 무엇인지 모든 사람이 알 수 있도록 새로운 태그와 속성이 추가되었습니다(요약). 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
IE9 이하를 제외한 모든 사용자가 사용할 수 있는 HTML5의 새로운 기능을 요약했습니다.
HTML5 구문
mostly html 구문을 계속합니다
차이점: 처음에는 #🎜🎜 #
<!DOCTYPE html> <html> <meta charset="utf-8">
끝 문자를 생략할 수 있는 태그와 완전히 생략할 수 있는 태그가 있습니다.
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: 주 및 연도 선택datetime: 시간, 일, 월, 연도 선택(UTC 시간)
datetime-local: 시간 선택, 일, 월, 연도(현지 시간)
(6) 검색: 일반 텍스트 필드 검색
#🎜🎜 #(7)color: 색상; .3, 미디어 태그
4. 기타 기능 태그
(1) mark: 표시, 강조 표시(메모를 위한 형광펜과 유사); (2) 진행률: 진행률 표시줄;
(3) 시간 : 검색 엔진에서 사용되는 데이터 태그, 게시 날짜업데이트 날짜;
(4) ruby 및 rt: 특정 단어에 주석 달기; 표시
(5) wbr: 부드러운 줄 바꿈, 페이지 너비가 필요한 줄 바꿈에 도달할 때 줄 바꿈; ) 캔버스: JS 코드를 사용하여 이미지 그리기용 컨텐츠 만들기;
(8) 세부사항: 메뉴 확장; 🎜# (9) dateilst: 텍스트 필드 드롭다운 프롬프트 (10) keygen: 암호화.
새 속성:
js에 속성이 추가되었습니다.<script defer src=".....js" onload="alert('a')"></script> <script async src=".....js" onload="alert('b')"></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는 인라인 프레임의 내용을 정의합니다.
