HTML 5のスタートプレートのテンプレート


今日は絶対的な基礎に戻るときに我々のウェブサイトは、ボイラープレートのテンプレートを起動します.
どのようなボイラープレートのスタンドクイックコピーペーストですHTML 開始する最低限のドキュメントです.
この記事では、私のバージョンを共有しますHTML5 あなたと一緒のBoilerplateとそれにあるパーツを説明する.

HTML 5のボイラープレートテンプレート
更なるADOなしで、これは私のボイラープレートです
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Daily Dev Tips Boilerplate</title>
    <meta name="description" content="Basic HTML boilerplate" />
    <meta name="author" content="Daily Dev Tips" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/style.css" />
  </head>

  <body>
    <!-- Your content goes here -->
    <script src="js/main.js"></script>
  </body>
</html>
このGISTから直接生ファイルを取得することもできます.
Download the HTML5 boilerplate

このボイラープレートには何がありますか
これは非常に基本的なボイラープレート、わずか99 %のプロジェクトに戻ってくる最低限の最小値です.
汎用要素
  • doctype : doctypeはブラウザがどんな文書を見ているかをブラウザに伝えるのでとても重要です.基本的なHTMLドキュメント
  • The <html> タグはすべてのための最も重要な部分と私たちの主なラッパーです.私たちはlang 属性、私のバージョンではen 英語.
  • ヘッドセクション
    私たちはヘッドセクションには、非常に拡張することができますが、私のために、これらは常に再発する基本です.
  • ほとんどすべてのケースでメタcharsetUTF-8 私たちが使用する文字符号化ですので、私はそれを設定したいです.
  • タイトル:私たちのドキュメントは何ですか
  • メタ記述:我々のページの簡単な説明
  • メタ著者:著者の名前は、必須のフィールドではないが、私はこれを含めるのが好きです.
  • メタビューポートは、あなたのページがモバイルでうまく動作することを確認しているので、これらを含める傾向があります.これは、デバイスのサイズにスケールされる最も一般的なものです.
  • スタイルシートにリンクします.この場合、スタイルシートはスタイルと呼ばれます.CSSとCSSフォルダにある.
  • ボディセクション
    それから、我々の内容の大部分が行く主な部分、我々のHTML文書の本体.
  • 私は、あなたのサイトの構造を始めることができるHTMLコメントを加えました.
  • スクリプトをできるだけ低くすると、メインと呼ばれるスクリプトが読み込まれます.jsフォルダからのjs.
  • それです.
    非常に基本的なテンプレートが、何かをすべての時間が必要になります.
    あなたも、ショートカットとしてこれを持ってツールを使用することができます.

    読んでいただきありがとうございます、接続しましょう!
    私のブログを読んでくれてありがとう.私の電子メール会報を購読して、接続してくださいFacebook or