1. 주요 새로운 HTML5 기능
1. 로컬 오디오 및 비디오 재생;
2. 애니메이션;
3. 지리 정보;
4. 하드웨어 가속도;
5. 인터넷 연결이 중단 된 후에도 로컬로 실행하십시오.
6. 로컬 스토리지;
7. 데스크탑에서 파일을 드래그 앤 드롭하여 브라우저에 업로드하십시오.
8. 시맨틱 마커;
2. HTML5 응용 프로그램의 현재 상태
오늘날 주요 브라우저는 HTML5에 대한 지원이 다릅니다. 우리는 그들이 1 ~ 2 년 안에 일관되기를 기대합니다. 이 경우 이런 경우이므로 현재이 미래 표준을 사용하고있는 사람은 거의 없을 것입니다. 이것은 사실이 아닙니다. HTML5는 현재 널리 사용되었습니다. William Gibson이 말했듯이, 미래 웹은 도착했지만 아직 널리 채택되지는 않았습니다.
Google의 홈페이지도 HTML5를 사용한다는 것을 알지 못하지만 현재는 HTML5 DocType 만 사용하며 나머지 페이지는 여전히 오래된 코드이지만 Google은 다양한 응용 프로그램에서 HTML5를 널리 채택하고 있습니다. 가장 일반적인 예는 Gmail입니다. HTML5 오프라인 스토리지를 사용하면 사용자가 오프라인 상태에서도 Gmail을 사용할 수 있습니다. 또한 Google Docs는 오프라인 스토리지를 사용합니다. 오프라인 스토리지를 사용하는 다른 제조업체의 유사한 응용 프로그램에는 Zoho의 Office Suite 및 WordPress의 블로그 플랫폼이 포함됩니다. HTML5의 오프라인 스토리지에 관심이 있으시면 Mark Pilgrim의 기사를 살펴보십시오. 앱에 오프라인 지원을 추가하는 방법.
3. Scribd HTML5 기반 문서 리더
위의 그림은 Scribd의 새로운 문서 리더입니다. 웹 표준을 기반으로하며 Flash를 사용하지 않습니다.
비디오 외에도 HTML5는 여러 측면에서 플래시를 대체 할 수 있습니다. 문서 공유 사이트 SCRIBD는 최근 HTML5를 사용하여 Flash를 대체하여 문서 리더를 구현할 것이라고 발표했습니다. SCRIBD는 HTML5가 CSS와 함께 달성 할 수있는 놀라운 기능의 가장 좋은 예입니다. 또한 @font-face를 사용하여 개인화 된 글꼴을 구현합니다. 또한 페이지를 돌릴 때 변환 효과는 CSS3을 기반으로합니다. 이러한 표준 웹 도구의 조합을 통해 Scribd는 Flash에서 Pure HTML 로의 최고 HTML을 구조, 글꼴, 임베디드 이미지, 레이어 등으로 문서의 기능을 희생하지 않고 Flash에서 순수한 HTML까지 달성 할 수 있습니다. Scribd의 최신 문서 리더는 IE6을 지원합니다. 여기에는 순수한 HTML을 사용하여 출력 복잡한 공식을 사용하는 예입니다.
4. HTML5 캔버스 및 HTML5 비디오
HTML5 캔버스 개체를 기반으로 한 침략자 클래식 게임
Scribd의 캔버스 적용은 훌륭하지만 더 많은 사이트를 찾을 수 있습니다. 캔버스 데모에는 다양한 온라인 게임에서 웹 페이지에서 색상을 추출하는 레인보우 응용 프로그램에 이르기까지 캔버스에 대한 다양한 응용 프로그램이 있습니다.
비디오에 대한 가장 일반적인 예는 YouTube 및 Vimeo이며, 둘 다 HTML5 버전을 제공합니다.
5. HTML5 지리적 정보 위치
지도에서 노란 악당 위의 원을 클릭하여 Google에 지리적 위치를지도에 알리십시오.
HTML5의 또 다른 특징은 지리 위치 기능입니다. 일부 브라우저는 W3C에서 관리하는 지리적 위치 API를 제공하며 HTML5를 결합하여 현재 지리 위치 위치를 달성 할 수 있습니다. Google지도는이 기능을 사용하여 Google지도에 작은 원이 있습니다. 클릭하면 클릭하여 Google지도에 지금 어디에 있는지 알리십시오. 현재 Geolocation API는 많은 데스크탑 브라우저 (Chrome 및 Firefox 3.6+ 만)에서 널리 채택되지는 않지만 Google Gears 플러그인은 이전 브라우저 가이 기능을 구현하는 데 도움이 될 수 있습니다.
트위터는이를 사용하여 지리적 정보 인식 트윗 메시지를 실현합니다. 브라우저가 Geolocation API를 지원하면 자동으로 API를 사용합니다. 그렇지 않으면 Google 기어가 사용됩니다.
6. HTML5의 더 많은 의미
html5는 위의 의미보다 훨씬 더 많은 의미가 있습니다. 가장 큰 의미는 웹 문서의 구조를 바꾸는 데 있습니다. 헤더, 바닥 글, 섹션, 기사 등의 도움으로보다 구조화되고 의미 론적 웹 문서를 구현할 수 있습니다. 이러한 방식으로 검색 엔진은 웹 사이트를 쉽게 색인 할 수 있으며 더 빠르고 정확한 정보를 검색 할 수도 있습니다.
새로운 HTML5 태그를 사용하는 수많은 사이트가 있으며 HTML5Gallery에서 이러한 사이트를 많이 찾을 수 있습니다. 새로운 HTML5 구조를 지금 사용하려면이 HTML5 튜토리얼을 살펴볼 수도 있습니다.
또한 Microdata의 도움으로 HTML5는보다 강력한 의미 구조를 구현할 수 있습니다. 이 표준화 된 데이터 형식 (마이크로 포맷과 유사)을 통해 사이트는 데이터를 제공 할뿐만 아니라 데이터 정의도 제공 할 수 있습니다. MicroData는 브라우저와 검색 엔진 모두에 매우 중요합니다. 검색 엔진은 MicroData를 사용하여 네트워크에서 친구를 발견 할 수 있으며 브라우저는 소셜 네트워크 친구 사이트에 연결할 수 있습니다. Google의 Rich Snippets 테스트 도구에서이를 경험할 수 있습니다.