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

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

Jan 04, 2019 am 09:41 AM
html5 HTML5의 새로운 기능


이 기사에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

PHP 튜토리얼
1596
276
html5의 옆 요소는 무엇입니까? html5의 옆 요소는 무엇입니까? Aug 12, 2025 pm 04:37 PM

thenElements는 대립적으로 대체 할 수있게 해줍니다

간단한 HTML5 웹 페이지를 만드는 방법 간단한 HTML5 웹 페이지를 만드는 방법 Aug 12, 2025 am 11:51 AM

간단한 HTML5 웹 페이지를 만들려면 먼저 선언 문서 유형을 사용한 다음 포함 된 기본 구조를 구축 한 다음 문자 인코딩, 뷰포트 및 제목을 설정하고 제목, 단락, 링크, 그림 및 목록과 같은 가시 컨텐츠를 추가해야합니다. .html 파일로 저장하고 서버 지원없이보기를 위해 브라우저에서 직접 열립니다. 이것은 완전하고 효과적인 HTML5 페이지의 기초입니다.

HTML5의 Draggable 속성은 무엇입니까? HTML5의 Draggable 속성은 무엇입니까? Aug 12, 2025 am 09:50 AM

THEDRAGGABERTTRIBITINHTML5는 "true", "false", OranempyString (sameas "true")

HTML5로 사용자 정의 확인란을 만드는 방법 HTML5로 사용자 정의 확인란을 만드는 방법 Aug 16, 2025 am 07:05 AM

사용자 정의 확인란을 만들려면 먼저 접근성을 보장하기 위해 레이블이있는 HTML 구조를 사용해야합니다. 2. CSS를 통해 기본 확인란을 숨기고 기능을 유지하십시오. 3. 의사 요소와 의사 클래스를 사용하여 선택한 상태를 사용자 정의 .checkmark 요소에 그리십시오. 4. 대화식 피드백을 향상시키기 위해 호버, 초점 및 선택 스타일을 추가하십시오. 5. 키보드 내비게이션 및 스크린 리더를 지원하기 위해 기본 입력을 유지하고 궁극적으로 아름답고 액세스 가능한 사용자 정의 확인란을 달성하십시오.

HTML5에서 자동 초점 속성을 어떻게 사용합니까? HTML5에서 자동 초점 속성을 어떻게 사용합니까? Aug 14, 2025 pm 06:47 PM

theautofocusattriveAutomaticallyfocusesaformelementwhenapageloads.2.itusabooleanattribute, sonovalueisneded -justincludeautofocusinthetag.3.

HTML5에서 내비게이션 링크에 NAV 태그를 사용하는 방법 HTML5에서 내비게이션 링크에 NAV 태그를 사용하는 방법 Aug 15, 2025 am 05:55 AM

thetaginhtml5isusedTodefineasectionofmajornavigationLinks, 제공 섭취 구조 가공성;

HTML5의 정의 목록은 무엇입니까? HTML5의 정의 목록은 무엇입니까? Aug 20, 2025 pm 02:01 PM

adefinitionListInhtml5iscreateDusingTheLementToGroupterms ()가 theIredEfinitions (), 허용 multipleTerMstoshAreadOreAtorMtoHaveMultipleDefinitions, Glossaries, Metadata, 및 Contail -swileimprovingAcccoSandAcccoCsothoand

HTML5의 OnInput 이벤트는 무엇이며 OnChange와 어떻게 다른가요? HTML5의 OnInput 이벤트는 무엇이며 OnChange와 어떻게 다른가요? Aug 11, 2025 pm 05:35 PM

ONINPUT는 사용자가 입력 할 때 즉시 변경 사항을 트리거하고 요소가 초점을 잃고 값이 변경되면 OnChange 트리거됩니다. 1. OnInput은 입력, 삭제, 붙여 넣기 또는 드래그 할 때마다 즉시 실행됩니다. 2. OnChange는 초점이 손실되고 값이 초점과 다를 때만 트리거됩니다. 3. OnInput은 실시간 검색, 캐릭터 계산 및 기타 시나리오에 적합하며 OnChange는 양식 확인과 같은 최종 값을 제출하는 데 적합합니다. 4. OnInput은 최신 브라우저를 지원하고 실시간 피드백을 제공합니다. OnChange는보다 호환되지만 지연된 트리거입니다. 5. 이벤트가 명시 적으로 배포되지 않는 한 JavaScript를 통해 값을 수동으로 수정하면 OnInput이 트리거되지 않습니다. 따라서 실시간으로 응답 할 때 사용하십시오

See all articles