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

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

云罗郡主
풀어 주다: 2019-01-04 09:43:32
앞으로
4666명이 탐색했습니다.


이 기사에서는 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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿