본문 바로가기

HTML5

html5 manifest CACHE MANIFEST #ver 0.1a #오프라인으로 저장할 자원들# CACHE: 01_manifest.html .css/template.css ./img/btn_close.png ./img/btn_open.png ./js/viewCode.js 03_testoffline.html #요청자원이 없을때 표시할 대체 자원을 지정# FALLBACK: 03_testonline.html 02_testoffline.html #반드시 네트워크로 접속해야 하는 자원을 지정# NETWORK: 04_onlyonline.html manifest속성은 간단하게 Offline작업을 위한 방법이라고 할 수 있는데 사용방법은 위와 같습니다. 더보기
html5 audio, video HTML5에서는 아시다시피 audio와 video를 html상에서 직접 컨트롤 할 수가 있습니다. 참고 URL http://www.html5demos.com *) 사용방법 예시 위와같이 audio와 video가 를 이용해서 사용할 파일을 링크할 수 있는데 문제는 저렇게 위에서처럼 여러개를 넣는다고 해서 차례대로 플레이가 되고 그런건 아니고 한개만 인식됩니다. 그리고 속성에서 보면 autoplay라는 녀석과 preload라는 녀석이 있는데 autoplay를 사용하는 경우 preload속성은 무시됩니다. preload는 화면이 로드된 후 소스파일을 로드해서 플레이할 수 있는상태로 대기해놓겠다 싶을 경우 사용하게됩니다. script단에서 컨트롤시 var audio = document.createElement(.. 더보기
html5 지원 사이트 - 측정 html5test.com 쓰고있는 브라우져가 html5를 얼마나 지원하는지 테스트할 수 있는 사이트가 있네요. 현제 크롬(16.0.912.63) 은 370점대를 받았네요. 참고로 총점은 475점입니다. 370점대를 받아서 모이래 라고 생각했지만 IE (9.0.8112.16421)의 경우 140점대 였습니다. 놀랍게도 갤럭시S의 기본 브라우져조차도 190점대를 받았는데말입니다. 그러다보니 문득... 도대체 html5를 개발하신 분들은 어떤브라우져에서 테스트를한걸까???라는 생각이...... 더보기