Hi Hi

'HTML5 API'에 해당되는 글 1건

  1. HTML5의 새로운기능 (1)

HTML5의 새로운기능

 

문서의 구조화를 강화

HTML5에는 문서의 구조를 나타내는 태그가 추가되었다.
                                      태               그                            설               명 
  <header>   로고나 내비게이션 등 페이지의 상단에 표시하는 내용
  <footer>   작성자의 정보나 저작권 등 페이지의 하단에 표시하는 내용
  <section>   장 (제목 + 문장의 그룹)
  <article>   메인 콘텐츠에 해당하는 본문
  <hgroup>   <h1> 이나 <h2> 등의 헤더 부분
  <aside>   본문에 관련된 주석
  <nav>   다른 페이지로 이동하는 링크
  <figure>   동영상이나 음악 등에 관한 설명

태그를 올바르게 사용하면 콘텐츠의 본문과 본문 이외의 나머지 부분을 분류하기가 쉬워진다. 이를 통해 컴퓨터가 HTML의 의미를 보다 정확하게 해석하고 그 데이터를 활용할 수 있는 '시맨틱 웹(Semantic Web)'을 실현할 수 있다.

'시맨틱 웹(Semantic Web)'이란 웹에 존재하는 수많은 페이지들에 메타데이터를 부여함으로써, 웹의 세계를 잡다한 데이터의 집합에서 한 단계 발전한 '의미'와 '관련성'을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다.


그래픽 및 멀티미디어 재생기능의 강화

그래픽 및 멀티미디어 관련 태그 추가되었다. 기본에는 플래시나 실버라이트와 같은 플러그인이 필요하였으나 HTML%에서는 플러그인이 없이 동일한 기능을 구현할 수 있게 되었다.
                                     태               그                             설               명 
  <canvas>  화면 렌더링 
  <audio>  음악 파일 재생 
  <video>   동영상 재생


API 추가

디스크나 소켓(socket), 위치 정보 취득 등 자바스크립트에서 이용할 수 있는 재로운 API가 추가 되었다.

- 응용 프로그램 캐시
오프라인에서 이용하고 싶은 파일은 '매니페스트' 라고 불리는 파일에 추가하기만 하면 전파가 통하지 않은 장소에서도 인터넷에 접속하였을 때와 동일하게 동작하는 웹 어플을 구현할 수 있다.

- 크로스 도큐먼트 메시징
여러 창간에 메시지를 주고받을 수 있게 해주는 기술로, 특정 페이지에서 했던 조작을 나머지 페이지에서도 똑같이 적용시킬 수 있다.

- 웹 워커
자바스크립트를 백스라운드에서 실행할 수 있게 해주는 기술이다. 오랜시간 계산이 필요한 처리를 백그라운드로 전환할 수 있게 되어 사용자의 조작을 방해하지 않게 된다.

- 웹 스토리지와 웹 SQL 데이터 베이스
데이터 및 사용자가 입력한 정보를 로컬 영역에 보존할 수 있게 된다. 오프라인에서 동작하는 응용 프로그램의 경우 스토리지에 저장된 정보를 바탕으로 처리를 실행할 수 있으며, 서버에 보내고 싶지 않은 개인 정보를 보존하는 데에도 활용할 수 있다.

- 웹 소켓
커넥션을 유지할 수 있기 때문에 실시간으로 메시지를 주고받는 채팅 프로그램이나 서버의 푸시(Push) 기능을 구현할 수 있게 된다.

- 위치 정보
사용자가 단말기를 조작하고 있는 위치의 정보를 얻을 수 있다.

- 파일 API와 끌어다 놓기 API
텍스트나 외부 파일과 같은 다양한 요소를 웹 브라우저에 끌어다 놓을(Drag & Drop) 수 있으며, 이 데이터를 다루기 위한 파일 API가 제공된다.1111



'' 카테고리의 다른 글

HTML5 동영상 재생  (0) 2012.01.14
HTML5 개발툴 소개  (0) 2012.01.11
HTML5 컨버스의 기초  (0) 2012.01.09
HTML5 프로그래밍의 기초  (0) 2012.01.07
HTML5의 새로운기능  (1) 2012.01.05
HTML5 에 새로운 태그 4가지  (0) 2011.10.29