html5.html

---
layout: default
title: Html5 and markup
---
<div class="row">
  <div class="col12">
    <h1>KlokanTech Base HTML </h1>
    <p>This is the sample for the base HTML5 starter.</p>
    <pre><i>&lt;!DOCTYPE html></i>
<b>&lt;</b><b>html</b> lang<i>=</i><b>"en"</b><b>></b>
  <b>&lt;</b><b>head</b><b>></b>
    <b>&lt;</b><b>meta</b> charset<i>=</i><b>"utf-8"</b><b>></b>
    <b>&lt;</b><b>meta</b> name<i>=</i><b>'viewport'</b> content<i>=</i><b>'width=device-width, initial-scale=1.0, maximum-scale=1.0'</b><b>></b>
    <b>&lt;</b><b>meta</b> name<i>=</i><b>"author"</b> content<i>=</i><b>"KlokanTech"</b><b>></b>
    <b>&lt;</b><b>meta</b> name<i>=</i><b>"description"</b> content<i>=</i><b>"Klokan Technologies GmbH"</b><b>></b>
    <b>&lt;</b><b>link</b> href<i>=</i><b>"http://klokantech.github.io/styles/base.css"</b> rel<i>=</i><b>"stylesheet"</b><b>></b>
    <b>&lt;</b><b>link</b> rel<i>=</i><b>"shortcut icon"</b> href<i>=</i><b>"favicon.ico"</b> type<i>=</i><b>"image/x-icon"</b><b>></b>
    <b>&lt;</b><b>title</b><b>></b>Klokan Technologies GmbH<b>&lt;/</b><b>title</b><b>></b>
    <b>&lt;</b><b>script type="text/javascript" src="/js/index.js"</b><b>></b><b>&lt;/</b><b>script</b><b>></b>
  <b>&lt;/</b><b>head</b><b>></b>
  <b>&lt;</b><b>body</b><b>></b>
   <b>&lt;</b><b>h1</b><b>></b>Klokan Technologies GmbH<b>&lt;/</b><b>h1</b><b>></b>
  <b>&lt;/</b><b>body</b><b>></b>
<b>&lt;/</b><b>html</b><b>></b></pre>
    <h3>Code style</h3>
    <ul>
      <li>Attribute values should be wrapped in single quotes.</li>
      <li>Two space, soft tab indentation</li>
      <li>Paragraphs of text should always be placed in a <code>&lt;p&gt;</code> tag. Never use multiple <code>&lt;br&gt;</code> tags.</li>
      <li>List items should always be in <code>&lt;ul&gt;</code>, <code>&lt;ol&gt;</code>, or <code>&lt;dl&gt;</code>, Never a set of <code>&lt;div&gt;</code></li>
      <li>Every visible form input should use a <code>&lt;label&gt;</code> tag.</li>
    </ul>
  </div>
</div>