> 웹 프론트엔드 > HTML 튜토리얼 > html5의 새로운 기능은 무엇입니까?

html5의 새로운 기능은 무엇입니까?

angryTom
풀어 주다: 2020-02-27 18:00:17
원래의
14809명이 탐색했습니다.

html5의 새로운 기능은 무엇입니까?

html5의 새로운 기능은 무엇인가요

1. 의미 체계 태그

다음과 같은 구조적 의미 체계를 반영하지 않은 이전 HTML 태그와 비교:

<div id="header"></div>  //表头的声明
로그인 후 복사

HTML5는 다음과 같은 의미 체계 태그를 제공합니다.

<header><article><footer><nav><aside><section>等
로그인 후 복사

2. 향상된 양식

다양한 새로운 양식 입력 유형(예:

색상, URL, 날짜 등)

이 새로운 기능은 더 나은 입력 제어 및 유효성 검사를 제공합니다.

새 양식 요소(예:

)는 계산 또는 스크립트 출력과 같은 다양한 유형의 출력에 사용됩니다.

새 양식 속성(예:

placehoder 속성)은 사용자가 값을 입력하기 전에 입력 필드에 짧은 프롬프트가 표시됩니다. 즉, 사용자가 입력한 후에는 공통 입력 상자 기본 프롬프트가 사라집니다.

필수 속성은 부울 속성입니다. 채워야 하는 입력 필드는 비워둘 수 없습니다. 패턴 속성은 요소의 값을 확인하는 데 사용되는 정규식을 설명합니다.

min 및 max 속성은 요소의 최소값과 최대값을 설정합니다.

step 속성은 입력 필드의 유효한 숫자 간격을 지정합니다.

높이 및 너비 속성은 이미지 유형의 태그의 이미지 높이 및 너비에 사용됩니다.

autofocus 속성은 부울 속성입니다. 페이지가 로드될 때 필드에 자동으로 초점이 맞춰지도록 지정합니다.

다중 속성은 부울 속성입니다. 요소 내에서 여러 값을 선택할 수 있도록 지정합니다.

3. 비디오

<video>     <video src="/i/movie.ogg" controls="controls">
               your browser does not support the video tag
     </video>
  <audio>
      <audio src="someaudio.wav">您的浏览器不支持 audio 标签。</audio>
로그인 후 복사
4.캔버스 드로잉

5.SVG 드로잉

6.Geolocation

7 . drop API

8. Web Worker

9.Web Storage

10.WebSocket

자세한 내용은 PHP 중국어 웹사이트를 참조하세요!​ ​

위 내용은 html5의 새로운 기능은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿