HTML5について勉強中
その入門の備忘録
jQuery Mobileとは
Javascriptライブラリで
http://jquerymobile.com/
からダウンロード、あるいは読み込んで使う
・jQueryをベースに作られた、モバイル端末向けのWebアプリに適したライブラリ
CSSで面倒な設定なしに、スマホに適したデザインが出来る
・WebアプリにiOSやAndroidのネイティブアプリ風の操作性や見栄えを与えられる
・決まり事が多いためHTMLのひな形を準備しておくと良い
例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<title>Mobile Sample</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div data-role="page">
<header data-role="header" dataposition="fixed">
<h1>見出し</h1>
</header>
<div data-role="content">
<p>メインコンテンツ</p>
</div>
<footer data-role="footer" dataposition="fixed">
フッター
</header>
</div>
</body>
</html>
こんな感じが雛形となる