Skip to content

Instantly share code, notes, and snippets.

@mostlyfine

mostlyfine/html5 sample

Created January 9, 2012 10:09
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mostlyfine/1582300 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mostlyfine/1582300 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html5 sample
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<link media="screen" rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"/>
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
<title>smartphone template</title>
<script type="text/javascript">
$(document).bind("mobileinit", function() {
$.mobile.page.prototype.options.addBackBtn = true;
$.mobile.loadingMessage = '読み込み中...';
$.mobile.pageLoadErrorMessage = '表示できませんでした。';
});
</script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div id="index" data-role="page" data-theme="c">
<div data-role="header" data-position="fixed">
<h1>HEADER</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li><a href="#about">About</a></li>
<li>content</li>
</ul>
</div>
<div data-role="footer">
<h4>footer</h4>
</div>
</div>
<div id="about" data-role="page" data-theme="c">
<div data-role="header" data-position="fixed">
<h1>HEADER</h1>
</div>
<div data-role="content">
このページについて
</div>
<div data-role="footer">
<h4> footer </h4>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment