1. HTML5란
HTML 5 초안의 전신은 Web Application 1.0이라고 합니다. 2004년 WHATWG에서 제안되었고 2007년 W3C에서 승인되어 확립되었습니다. 새로운 HTML 작업 팀. 2008년 1월 22일에 첫 번째 공식 초안이 공개되었습니다. WHATWG는 이 사양이 아직 진행 중인 작업이며 수년간의 노력이 필요하다고 밝혔습니다. 현재 Firefox, Google Chrome, Opera, Safari(버전 4 이상) 및 Internet Explorer 9는 HTML5 기술을 지원합니다.
HTML5의 본질은 이전 HTML4 버전의 사양을 완전히 바꾸는 것이 아니라 처음부터 이전 표준과 호환되도록 설계되었으며, HTML5에서 개발된 몇 가지 새로운 기술과 새로운 사양을 도입하도록 설계되었습니다. 최신 WEB을 표준의 새 버전으로 변환합니다.
2. HTML5의 새로운 기능
2.1 특정 의미의 태그 추가
이제 기본적으로 모든 사이트는 div입니다. +css 레이아웃. 거의 모든 기사 제목, 내용, 보조 소개 등이 div 컨테이너에 포함됩니다. 검색 엔진이 페이지 콘텐츠를 크롤링할 때 컨테이너의 명확한 의미가 없기 때문에 이러한 태그 컨테이너에 기사 제목이나 기사 내용 등이 포함되어 있는지 여부만 추측할 수 있습니다. 새로운 HTML5 표준은 <article>, <footer>, <header>, <nav>, <section>
과 같은 특정 의미를 지닌 HTML 태그를 직접 추가합니다.2.2 New Add 더욱 지능적인 양식 유형
이전 양식 태그는 텍스트 상자, 텍스트 필드, 드롭다운 목록 등과 같은 단순한 유형 제약 조건이었습니다. 비즈니스와 긴밀하게 통합된 양식 태그 데이터 확인과 같은 컨트롤은 기본적으로 타사 JS 컨트롤과 함께 사용됩니다. 그러나 이러한 타사에는 항상 버전 제어, 브라우저 호환성, 비표준 및 일련의 문제. 스마트 양식이 HTML5 표준에 직접 추가되어 달력, 날짜, 시간, 이메일, URL, 검색 등 모든 것이 매우 간단해졌습니다
2.3 웹 프로그램을 더욱 독립적으로 만들고 타사 플러그인에 대한 의존도를 줄입니다.
HTML5 표준에서는 오디오, 비디오, 캔버스 및 기타 기술이 기본적으로 지원됩니다. 웹 프로그램을 더욱 독립적으로 만들고 다양한 형태의 클라이언트에 더 잘 적응하도록 만듭니다.
2.4 로컬 오프라인 저장소에 대한 더 나은 지원
HTML5는 클라이언트 측에 데이터를 저장하는 두 가지 새로운 방법을 제공합니다.
localStorage - 시간이 필요 없는 데이터 저장 Limit
sessionStorage - 세션을 위한 데이터 저장
2.5 HTML5 실시간 2차원 드로잉, 캔버스 소개
HTML5의 캔버스 요소는 JavaScript를 사용하여 웹페이지에 이미지를 그립니다. 경로, 직사각형, 원, 문자를 그리고 이미지를 추가하는 다양한 방법이 있습니다.
2.6 JS는 멀티스레딩을 지원합니다
프런트엔드는 UI 업데이트 및 브라우저-사용자 상호작용에 영향을 주지 않고 대규모 작업을 수행할 수 있습니다. 멀티스레딩은 setTimeout 등을 통해서만 시뮬레이션할 수 있습니다. 새로운 표준에서 JS의 새로운 HTML5 Web Worker 객체는 기본적으로 멀티스레딩을 지원합니다.
2.7 WebSocket을 사용하면 도메인 간 요청, 긴 연결 및 데이터 푸시가 간단해집니다.
WebSocket은 TCP에서 양방향 통신을 수행합니다. 인터페이스 기술, PUSH 기술 유형. WebSocket은 HTML5 사양에 새로 도입된 기능으로, 브라우저와 백엔드 서버 간의 양방향 통신 문제를 해결하는 데 사용됩니다. WebSocket 기술을 사용하면 백엔드가 언제든지 메시지를 프런트 엔드에 푸시할 수 있습니다. 프런트엔드와 백엔드의 통합 상태입니다. 기존의 상태 비저장 HTTP 프로토콜에서는 이는 "실행할 수 없습니다"입니다.
2.8 더 나은 예외 처리
HTML5(text/html) 브라우저는 오류 구문 처리에 있어 더 유연합니다. HTML5는 이전 브라우저가 새로운 HTML5 코드를 안전하게 무시할 수 있도록 설계되었습니다. HTML4.01과 비교하여 HTML5는 완전한 구문 분석 규칙을 제공하므로 구문 오류가 발생하더라도 다양한 브라우저에서 정확히 동일한 결과를 반환할 수 있습니다.
2.9 파일 API를 사용하면 파일 업로드 및 조작이 매우 간단해집니다.
프로젝트 파일의 로컬 작업을 제어하기 위해 웹 애플리케이션을 자주 사용하기 때문에 그러나 과거에는 플래시, ActiveX, Silverlight 및 기타 기술과 같은 일부 풍부한 클라이언트 기술이 사용되었습니다. HTML5에서 새로 제공되는 HTML5 File API를 사용하면 JS를 쉽게 사용할 수 있습니다.
이후에는 HTML5에 대한 더 깊은 이해를 이끌어내겠습니다
다음 섹션