読者です 読者をやめる 読者になる 読者になる

viewport" content="width=device-width,

HTMLテンプレート

  • HTML5/CSS3でコーディング
  • 各種設定はviewport又はjavascriptで行う
  • widthを指定しない場合はリキッドレイアウトで行う
<!DOCTYPE HTML>
<html lang="ja">
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<title>タイトル</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
  <h1></h1>
</header>
<article>
  <section>
    <h2></h2>
    <p></p>
  </section>
</article>
<nav>
  <ul>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
  </ul>
</nav>
<footer>
  <p></p>
</footer>
</body>
</html>










スマートフォン向けサイトの作り方|ユージック

スマートフォン用の最低限のHTMLテンプレートです。大きな違いとしてはHTML5である事と、viewportというmeta要素がある事ですね。