×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: Achim Fiedler
Added: Aug 28, 2013 9:47 AM
Views: 211
This is a pure template in HTML5 with all meta tags and js for a responsive webdesign. It is based on jQuery and will serve as a base for Bootstrap.
  1. <!DOCTYPE html>
  2. <html lang="de">
  3.   <head>
  4.     <base href="http://www.yourdomain.com" target="_top">
  5.     <meta http-equiv="content-language" content="de">
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8.     <meta name="description" content="Your descrption" lang="de">
  9.     <meta name="keywords" content="Your keywords" lang="de">
  10.     <meta name="abstract" lang="de" content="Your abstract">
  11.     <meta http-equiv="cleartype" content="on">
  12.     <meta name="viewport" content="width=device-width, initial-scale=.96">
  13.     <meta name="apple-mobile-web-app-capable" content="yes">
  14.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  15.     <meta name="apple-mobile-web-app-title" content="your app title">
  16.     <meta http-equiv="content-type" content="text/html; charset=us-ascii">
  17.     <meta http-equiv="expires" content="86400">
  18.     <meta http-equiv="cache-control" content="no-cache">
  19.     <meta name="pragma" content="cache">
  20.     <meta name="cache-control" content="cache">
  21.     <meta name="MSSmartTagsPreventParsing" content="true">
  22.     <meta name="imagetoolbar" content="false">
  23.     <meta name="format-detection" content="telephone=no">              
  24.     <meta name="author" content="Your author">
  25.     <meta name="publisher" content="Your publisher">
  26.     <meta name="copyright" content="Your responsible">
  27.     <meta name="date" content="2013-08-27">
  28.     <meta name="robots" content="index, follow">
  29.     <meta name="revisit-after" content="30 days">
  30.     <meta http-equiv="content-script-type" content="text/javascript">
  31.     <meta http-equiv="content-script-style" content="text/css">
  32.     <link rev="made" href="mailto:Your email">
  33.     <meta link="shortcut icon" href="favicon.ico">
  34.     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  35.     <link rel="icon" href="favicon.ico" type="image/x-icon">
  36.     <link rel="apple-touch-icon" href="http://yourdomain.com/apple-touch-icon.png" />
  37.     <link rel="apple-touch-icon-precomposed" href="http://yourdomain.com/apple-touch-icon.png" />      
  38.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://yourdomain.com/apple-touch-icon.png" />
  39.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://yourdomain.com/apple-touch-icon-114-precomposed.png" />
  40.     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://yourdomain.com/apple-touch-icon-72-precomposed.png" />
  41.         <link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://yourdomain.com/apple-touch-icon-57-precomposed.png" />
  42.         <link rel="apple-touch-icon-precomposed" sizes="48x48" href="http://yourdomain.com/apple-touch-icon-48-precomposed.png" />
  43.         <link rel="apple-touch-icon-precomposed" sizes="29x29" href="http://yourdomain.com/apple-touch-icon-29-precomposed.png" />
  44.         <link rel="apple-touch-startup-image" href="http://yourdomain.com/apple-touch-startup-image.png" />
  45.     <link rel="apple-touch-startup-image" media="(device-width: 320px)" href="http://yourdomain.com/apple-touch-startup-image.png" />
  46.     <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
  47.     <meta name="distribution" content="global">
  48.     <meta name="siteinfo" content="http://yourdomain.com/robots.txt">
  49.     <link rel="canonical" href="http://yourdomain.com">
  50.     <meta name="original-source" content="http://yourdomain.com">
  51.     <meta name="geo.region" content="DE">
  52.     <meta name="DC.title" content="Your website title">
  53.     <title>
  54.       Your website title</title>
  55.     <meta property="og:image" content="http://yourdomain.com/img/af_logo_web.png">
  56.     <meta property="og:title" content="Your website title">
  57.     <meta property="og:description" content="Your website description" />
  58.     <meta property="og:url" content="http://yourdomain.com">
  59.     <meta property="og:country-name" content="DE">
  60.     <meta property="og:email" content="Your email adress">
  61.    <meta name="twitter:card" content="summary">
  62.     <meta name="twitter:site" content="@Your twitter name">
  63.     <meta name="twitter:creator" content="@Your twitter name">
  64.    <meta name="twitter:title" content="Your website title">
  65.     <meta name="twitter:description" content="Your website description">
  66.     <meta name="twitter:image" content="http://yourdomain.com/img/af_logo_web.png">
  67.     <link href="css/styles.css" rel="stylesheet" type="text/css">
  68.     <link rel="stylesheet" href="http://yourdomain.com/css/bootstrap.min.css">
  69.     <!--[if lt IE 9]>
  70.      <script src="js/html5shiv-printshiv.js"></script>
  71.      <script src="js/css3-mediaqueries.js"></script>
  72.    <![endif]-->
  73.   </head>
  74.   <body>
  75.     <a href="#content" class="sr-only">Switch to content.</a>
  76.     <div class="container" id="content">
  77.       Hello World!
  78.     </div>
  79.    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  80.    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  81.    <script>
  82.       if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  83.           var msViewportStyle = document.createElement("style")
  84.           msViewportStyle.appendChild(
  85.             document.createTextNode(
  86.               "@-ms-viewport{width:auto!important}"
  87.             )
  88.           )
  89.           document.getElementsByTagName("head")[0].appendChild(msViewportStyle)
  90.       }
  91.      if (navigator.userAgent.indexOf('iPhone') != -1) {
  92.         addEventListener("load", function() {
  93.         setTimeout(function() { window.scrollTo(0, 60); }, 0);
  94.      }, false);
  95.   }
  96.         (function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")
  97.    </script>
  98.  </body>
  99. </html>
  100.