HTML5_ベース

<!DOCTYPE html> <html lang="ja"> <head> <!-- meta --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"> --> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <!-- meta seo --> <title></title> <meta name="keyword" content=",,,,"> <meta name="description" content=""> <!-- css common --> <link rel="stylesheet" href="assets/css/normalize.css"> <link rel="stylesheet" href="assets/css/fonts.css"> <link rel="stylesheet" href="assets/css/style.css"> <!-- css unique --> <link rel="stylesheet" href="assets/css/home.css"> <!-- <link rel="stylesheet" href="assets/css/ie10.css"> --> <link rel="stylesheet" href="assets/css/ie11.css"> <script> if(navigator.userAgent.match(/(iPad)/)){ document.write('<link rel="stylesheet" href="assets/css/tablet.css">'); } </script> <!--[if IE 9]><link rel="stylesheet" href="assets/css/ie-lte.css" media="all"><![endif]--> <!--[if IE 8]><link rel="stylesheet" href="assets/css/ie-lte.css" media="all"><![endif]--> </head> <body class="home"> <div class="ie__alert"> <h1><img class="retina" src="assets/images/ie/logo.png" alt="XXXXX"></h1> <p>本サイトはご利用のブラウザに対応しておりません。<br>以下より最新のプラウザへの更新(無償)をお願い致します。<br><a class="ie__download" href="http://windows.microsoft.com/ja-JP/internet-explorer/download-ie" target="_blank">Internet Explorer のダウンロード(microsoft社へリンクします)</a></p> </div> <div class="wrap"> <header class="header"> <h1 class="site-title"><a href="/"><img src="assets/images/loop/logo.svg" alt=""></a></h1> <nav class="gnav"> <ul> <li class="gnav__01"><a href="#">ナビ1</a></li> <li class="gnav__02"><a href="#">ナビ2</a></li> <li class="gnav__co"><a href="mailto:xxx@xxx.xxx">メールリンク</a></li> </ul> </nav> <!-- //.gnav --> </header> <!-- //.header --> <div class="main-image"> <p><img src="assets/images/loop/main-image.svg" alt=""></p> </div> <!-- //.main-image --> <main class="main"> <section class="cont-box"> <h1 class="t1"><img src="assets/images/home/t1.svg" alt=""></h1> </section> <!-- //.cont-box --> </main> <!-- //.main --> <footer class="footer"> <dl itemscope itemtype="http://schema.org/Corporation"> <dt class="ft-logo"><a href="/"><img src="assets/images/loop/ft-logo.svg" alt=""></a></dt> <dd> <span class="address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span class="address-region" itemprop="addressRegion">xx県</span><span class="address-locality" itemprop="addressLocality">xx区</span><span class="street-address" itemprop="streetAddress">xx町 11-26</span> </span> </dd> <dd> <span itemprop="telephone"> <span class="tel-link">xx-xxxx-xxxx</span> </span> 不定休 </dd> </dl> <p class="ft-copyright"><small>Copyright © xxxx. All Rights Reserved.</small></p> </footer> <!-- //.footer --> </div> <!-- /#wrap --> <!-- javaScript --> <script src="assets/js/jquery-1.11.2.min.js"></script> <script src="assets/js/jquery.function.js"></script> <script src="assets/js/jquery.smoothScroll.js"></script> <!-- <script src="assets/js/jquery.easing.1.3.js"></script> --> <!-- <script src="assets/js/colorbox/jquery.colorbox-min.js"></script> <script src="assets/js/colorbox/jquery.colorbox.style.js"></script> <script src="assets/js/colorbox/jquery.colorbox-ja.js"></script> --> </body> </html>
HTML5のベース用

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.