'CSS3'에 해당되는 글 1건

  1. 2013.09.13 HTML5의 추가 기능

1. 멀티미디어

HTML은 웹 표준에 따라서 동영상을 재생하는 거싱 아니라 플레시를 이용한다. 하지만 HTML5는 플로그인 도움없이 스스로 움악과 동영상을 재생 할 수 있다.


2. 그래픽

HTML5는 하드웨어의 가속을 받아 2차원 그래픽과 3차원 그래픽을 구혈 할 수 있다.

- 2차원 그래픽 구현하는 방법  

1) SVG태그를 사용한 2차원 백터 그래픽 구현

2) 자바스크립트 캔버스를 사용한 2차원 래스터 그래픽 구현


- 3차원 그래픽 구현하는 방법

1) CSS3를 사용한 3차원 구현

2) 자바스크립트 WebGL을 사용한 3차원 구현


3. 통신

HTML5는 서버와 소켓통신을 할수 있다. 기존 HTML페이지는 서버에 요청하고 서버에서 데이터를 받아오는 단방향 방식으로 구현되있지만 HTML5는 실시간으로 서버와 양방향 통신을 수행할수 있기때문에 실시간 채팅이나 온라인게임을 즐길수 있다.


4. 장치접근

HTML5는 장치에 접근해 장치의 정보를 물론 기능을 사용할수 있다.

스마트폰의 배터리 잔량과 같은 정보를 가져온다거나 스마트폰의 GPS를 사용하거나 진동벨을 울리게 할수 있다. 


5. 오프라인 및 저장소

HTML5는 인터넷이 연결되지 않은 상태에서도 애플리케이션을 동작 할 수 있다. 


6. HTML5 시맨틱 태그

HTML5에서 새롭게 추가된 태그로 시멘틱태그는 시멘틱 웹을 구현하기 위해 만들어진 테그이다.

시멘틱웹은 검색 엔잔 같은 프로그램이 정보의 의미를 분석하고 자료를 검색 및 처리하여 제공하는 지능형 웹을 말한다.


7. CSS3 스타일시트

HTML5는 CSS3 스타일시트를 완벽하게 지원한다. CSS3 스타일시트를 사용하면 3차원 변환은 물론 애니메이션 효과를 적용할 수 있다.


8. 성능 및 통합

HTML5는 추가기능을 사용해 웹의 성능을 극대화 한다. 

예를 들면 웹워커를 사용하면 화면이 멈추는 일 없이 연산을 처리 할 수 있따.

Posted by No names
,