html5test 현재 사용하는 브라우저의 HTML5 지원여부를 점수로 보여준다. he HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. Even though the specification isn't finalized yet, all major browser manufacturers are making sure their browser is ready for the future. Find out which parts of HTML5 are already supported by your browser today and compare t..
명세서 HTML5 웹 표준 검사 도구 Markup Validation Service This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links, there are other validators and tools available.
HTML5, 새해 앱중심 생태계 뒤집는다 임민철 기자 imc@zdnet.co.kr 2012.01.11 / AM 10:24 HTML5 기술이 웹은 일반 앱에 비해 느리다는 선입관을 누그러뜨리고 모바일 영역에서 기존 앱 플랫폼과 경쟁 기반을 다지는 역할을 보여줄 전망 웹기반 증강현실(AR)과 화상회의 활용 사례가 늘고 여러 데스크톱 사용자 기반을 아우르는 웹앱 장터를 열어줄 예정 페이스북은 애플 통제를 받지 않아도 되는 생태계를 쌓기위해 '스파르탄'이란 웹앱 플랫폼을 만든다. 개발자와 업체들이 회사 웹서비스 플랫폼으로 앱을 배포하게 유도할 전망이다. 이원석 W3C HTML5 KIG 의장 "CSS 표준 기술중 단말 사이즈에 맞춘 콘텐츠 표시를 쉽게 지원하는 '미디어쿼리'가 활용될 예정이고 단말기 회전상태에 자..
http://www.ciobiz.co.kr/news/articleView.html?idxno=6701 앞으로 확장될 HTML5의 영향력을 엿볼수 있다. 넌 어디까지 갈꺼니?? 킨들 포맷 8(KF8) 21일(현지시각) 아마존이 HTML5에 기반을 둔 새로운 전자책(e북) 포맷을 발표 HTML5에 기반 출판업체들이 HTML5와 CSS3 등을 포함해 150개 이상의 포맷 기능에 액세스할 수 있게 해준다. 고해상도 컬러, 사이드 바, 확장 가능한 벡터 그래픽, CSS 셀렉터, 백그라운드 이미지에 텍스트를 올리는 것 등 다양한 활용이 가능하다
[SPEC] 4.10 폼
참고 : http://html5.clearboth.org/forms.html#forms 폼 이란 폼 컨트롤들을 갖고 있는 웹 페이지의 컴포넌트 텍스트 필드 버튼 체크박스 범위 컨트롤 색상 선택기 등 폼의 작성 단계 폼의 사용자 인터페이스 작성 폼을 위한 서버사이드 처리 구현 폼이 서버와 통신하도록 설정 폼의 사용자 인터페이스 작성 모든 폼은 form요소로 시작하고 그 안에 컨트롤들이 위치한다. 폼의 각 부분들은 하나의 문단을 구성하며, 일반적으로 p요소를 통해 서로 분리됩니다. 폼이 서버와 통신하도록 설정 폼의 속성 method : 폼의 제출 방법 지정(GET, POST 등) enctype : 값의 암호화 방법 지정 action : 제출한 데이타를 처리할 서비스의 URL 명시 폼의 컨트롤들의 name 속..
파이어폭스, HTML5로 PDF 본다 모질라는 HTML5와 자바스크립트만 써서 PDF를 처리하는 기술 'pdf.js'을 개발중인 것으로 알려졌다. 모질라 연구원인 안드레아스 갈 박사 "pdf.js는 몇 달 째 조용히 진행중이지만 github.com 사이트에 공개 프로젝트로 개발돼 왔다"며 "우리는 pdf.js가 더 널리 알리기 전에 '제1형 글꼴', '그라디언트' 등 주요 기능을 구현되길 기다리고 있었다" "외부 플러그인이나 별도 PDF 리더 프로그램이 필요 없어 진다는 것뿐 아니라 HTTP 통신방식 같은 웹기술로 해당 기능을 구현하게 된다" 이는 PDF 파일을 다루는 사용자 인터페이스(UI)가 브라우저와 통합될 뿐 아니라 운영체제(OS) 기능을 끌어다 쓰는 플러그인 또는 별도 프로그램이 아닌 웹브라우저..
HTML 태그 안에서 사용자 데이타 저장하기 태그 속성과 스크립트의 잘못된 사용의 예 속성의 잘못된 사용 for(var i = 0; i < $("img").length; i++) { $(".pic-" + i).doStuff(); // Do something } 스크립트의 잘못된 사용 This is the actual text This is the tooltip $("p span").hide(); $("p").hover(function() { $("span", this).show(); }); JavaScript 의 해결책 the .data() API 를 사용하는 DOM 구조를 사용한다. var i = 0; $("img").each(function(){ $(this).data("iterator", i); /..
Google unveils super-fast Crankshaft Javascript engine for Chrome browser If you thought Google Chrome was the fastest browser out there, well, it just got a whole lot faster again. Google realizes Chrome is known for its speed and users appreciate that, so its engineers have been hard at work trying to turn the Javascript engine up to 11 on the speed scale. The result is a new engine called Cra..
WebM video files play directly in your web browser using a new technology called HTML5. No plug-ins are required, but you must install a web browser that supports WebM files. WebM은 HTML5 기술을 사용하여 웹 브라우저에서 직접 실행한다. 플로그인은 필요없지만 WebM files을 지원하는 웹 브라우저를 설치해야 한다. 지원하는 웹 브라우저 ● Mozilla Firefox 4 Beta 1 and later ● Opera 10.60 and later ● Google Chrome 6 and later ● Chromium nightly trunk build as of ..