【HTMLのhead要素】自分用テンプレート

[参考資料]

今回のメインはここです。個人的に色々調べてみて、必要だと思ったものをまとめておきます。先にざっと箇条書きにしてみます。

エンコードの指定

IEで常に標準モードで表示させる設定

iOSのSafariで電話番号の自動リンク化を無効にする設定

viewportの設定

検索エンジンのクローラー向けの設定

サイトのタイトル

サイトの説明文

ファビコンの指定

IE8以下へのhtml5対応（必要なら）

その他、必要なファイルの読み込み

<!DOCTYPE html>
<html>
    <head>

        <!-- エンコードの指定 -->
        <meta charset="utf-8">

        <!-- IEで常に、レンダリング方法を標準モードで表示させる -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!-- viewport(レスポンシブ用) -->
        <meta name="viewport" content="width=device-width">

        <!-- サイトのタイトル＆説明 -->
        <title>タイトル</title>

        <!-- その他、必要なファイルの読み込みなど -->
        <link rel="stylesheet" type="text/css" href="style.css">

    </head>
    <body>


    </body>
</html>