viewport" content="width=device-width,

iphone Android スマートフォン HTML

“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要素がある事ですね。