data-*3 08. jQuery Mobile 페이지(data-role="page") Index 06. 페이지간 이동에 태그 대신 jQuery Mobile에서 제공하는 $.mobile.changePage() 메소드 사용 07. jQuery Mobile 에서 페이지 트랜지션 08. jQuery Mobile 페이지(data-role="page") 09. jQuery Mobile 컨텐트 10. jQuery Mobile 툴바(헤더바) jQuery Mobile 에서 페이지는 로 정의 된다. //페이지를 구성하는 요소가 배치된다. 하나의 HTML 페이지는 하나 이상의 페이지를 포함할 수 있다. 두개 이상의 페이지가 하나의 HTML 파일 안에 포함되는 경우 첫번째 정의된 페이지가 첫번째 페이지가 된다. 사이트의 첫페이지에서 호출되는 외부페이지들은 하나의 HTML 파일 안에 하나의 페이지만 선어되어 있.. 2013. 12. 4. [HTML5] data-* HTML5에서는 Custom Data Attributes 라는 것으로 데이터 표현이 가능하게 되었다. 위의 코드를 다음과 같이 HTML5에서 data-*라는 속성을 이용해서 표현이 가능하다. HTML5의 Custom Data Attributes 를 이용해서 마치 XML을 표현하듯 HTML 문서에 특정 엘리먼트의 설명을 구체적으로 할 수 있게 되었다. HTML의 의미있는 표현도 가능하고 이 의미로 만들어진 element에 identifier나 style class가 아닌 데이터의 표현과 관리가 가능해진 것이다. Custom Data Attributes은 css query 나 Selectors를 이용해서 접근할 수 있다. 자동차 자전거 비행기 css Query 위 코드를 실행하면 자동차가 붉은색으로 표시된다.. 2013. 11. 24. 01. jQuery Mobile ? Index 1. jQuery Mobile ? 2. jQuery Mobile 웹앱 파일의 기본 구조 3. jQuery Mobile 페이지를 구성하는 4가지 영역 jQuery Mobile은 jQuery 진영에서 개발한 모바일 웹앱프레임워크다. jQuery Mobile은 HTML5와 CSS3 기반의 사용자 인터페이스와 터치 이벤트 처리, 페이지 이동 애니메이션, Ajax통신 등의 모바일용 기능을 제공한다. 다음 URL http://www.jqmgallery.com 로 접근하면 jQuery Mobile로 개발된 웹앱들을 볼 수 있다. 단, 크롬으로 접근해야 정확한 결과를 볼 수 있다. jQuery Mobile의 주요 특징 jQuery 기반 기존에 익숙한 HTML 태그를 이용해서 개발 HTML5, CSS3 기반 .. 2013. 11. 23. 이전 1 다음
