>웹 프론트엔드 >H5 튜토리얼 >HTML5의 새로운 기능은 무엇입니까? HTML5의 새로운 기능에 대한 자세한 설명

HTML5의 새로운 기능은 무엇입니까? HTML5의 새로운 기능에 대한 자세한 설명

云罗郡主
云罗郡主앞으로
2019-01-04 09:41:584667검색


이 기사에서는 HTML5의 새로운 기능이 무엇인지 설명합니다. HTML5의 새로운 기능에 대한 자세한 설명은 참고할만한 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다. [추천 튜토리얼: Html5 튜토리얼]

1: 새로운 기능

더 많은 의미 요소. 기사, 바닥글, 머리글, 탐색, 섹션

지역화된 저장 공간. localStorage 및 sessionStorage

오프라인 애플리케이션, 오프라인 캐싱. 매니페스트

드래그 앤 릴리스 API. 드래그 앤 드롭

미디어 재생. 비디오 및 오디오

향상된 양식 컨트롤. 달력, 날짜, 시간, 이메일, URL, 검색

지리적 위치. 위치정보

멀티태스킹. webworker

전이중 통신 프로토콜입니다. websocket

이력 관리 내역

Cross-origin 리소스 공유(CORS) Access-Control-Allow-Origin

페이지 가시성 변경 이벤트 visiblechange

Cross-window 통신 PostMessage

Form Data 객체

Painting: canvas

two : HTML5에서 어떤 요소가 제거되었나요?

순수한 표현 요소: basefont, big, center,font, s, Strike, tt, u

사용성에 부정적인 영향을 미치는 요소: 프레임, 프레임셋, noframes

세 가지: h5 새 태그 처리 방법 호환성 문제

먼저 document.createElement를 사용하여 새 태그를 만들 수 있습니다.

shim을 사용하여 html5shiv.js

<!--if lt IE 9]>  
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

3: HTML과 HTML5를 구별하는 방법

명백한 차이점은 DOCTYPE 문입니다. h5에는 Write < !DOCTYPE>, 그리고 html 선언

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

은 canvas




과 같은 h5의 새로운 기능 요소를 기반으로 판단할 수 있습니다.

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

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제