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

핫 AI 도구

Undress AI Tool
무료로 이미지를 벗다

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

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

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

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

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

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

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

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

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

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