8/17授業(メモ)

web/授業
  • Iphoneはロード時間は10秒を超えると切ってしまう。
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="format-detection" content="telephone=no">
<title>青木町公園</title>
<link rel="apple-touch-icon-precomposed" href="iphone.png">
<link rel="stylesheet" href="css/base.css">
</head>
<body>
<header id="top">
<h1><img src="images/ttl_main.jpg" width="320" height="123" alt="#"></h1>
</header>
<div id="wrap">
<section>
<h2>青木公園（川口）お越しの方へ</h2>
<p>青木公園は、ＪＲ西川口から歩いて15分ほどにある大型公園です。<br>お気をつけてお越しください。</p>
</section>
<nav>
<ul class="clearfix">
<li><a href="#access">アクセス</a></li>
<li><a href="#tel">電話</a></li>
<li><a href="#mail">メール</a></li>
</ul>
</nav>
<section>
<h3 id="access">アクセス</h3>
<p>埼玉県川口市 <a href="http://goo.gl/maps/Opon"></a></p>
<aside>
<p>川口駅から歩いての方法</p>
</aside>
</section>
<section>
<h3 id="tel">電話のお問い合わせ</h3>
<p><a href="tel:00000000">00000000</a>&lt;電話&gt;<br>aaaaa</p>
<aside>
<p>営業時間<br>遅くまで</p>
</aside>
</section>
<section>
<h3 id="mail">メール</h3>
<p><a href="#">xxxx@google.co.jp</a></p>
</section>
</div>
<div id="footContent">
<p id="btn Top"><a href="#top">トップ</a></p>
<p id="switchButton"><a href="xxxxx.com">PC</a>|スマートフォン</a></p>
</div>
<footer>
<p><img src="shared/images/txt_footer.png" width="298" height="13" alt="&copy;2012."></p>
</footer>
<script type="text/javascript" src="js/smoothScroll.js"></script>
</body>
</html>

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/iphone.css" media="screen">
<title>スカエナ</title>
</head>
<body>
<header class="global-header-min"><a href="index.html"><img src="img/logo_min.png" alt="#" class="logo"></a>
<div class="header-bar">
<nav class="nav-topicpath">
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="ballet.html">バレエ</a></li>
<li>｢情景｣</li>
</ul>
</nav>
</div>
</header>
<article class="productdetail block">
<div class="product-image-detail"><img src="img/pic_joukei.jpg" class="product-image" alt="#"></div>

<hgroup>
<h1 class="section-heading">バレエ「情景」</h1>
<h2 class="section-subheading">白鳥の湖</h2>
</hgroup>

<div class="comment block">
<p>白鳥の湖</p>
</div>

<div class="jCarousel">
<ul>
<li><img src="img/pic_joukei_sub01.jpg" alt="#"></li>
<li><img src="img/pic_joukei_sub02.jpg" alt="#"></li>
<li><img src="img/pic_joukei_sub03.jpg" alt="#"></li>
</ul>
</div>

<dl class="product-info">
<dt>値段</dt>
<dd>5500円</dd>
<dt>サイズ</dt>
<dd>S,M,L,LL</dd>
</dl>

<p class="order"><a href="order.html" class="button">注文</a></p>

<footer>
<ul class="attention">
<li><small>写真はあくまでイメージです。</small></li>
</ul>
</footer>
</article>

<footer class="global-footer">
<nav class="nav-about">
<ul>
<li><a href="#">質問</a></li>
<li><a href="#">質問</a></li>
<li><a href="#">質問</a></li>
<li><a href="#">質問</a></li>
</ul>
</nav>
<p class="copyright"><small>Copyright</small></p>
</footer>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jCarousel.mobile.min.js"></script>
<script type="text/javascript" src="js/iphone.js"></script>

</body>
</html>