HTML でよく使われるメタ百科事典 (推奨)

<!-- ドキュメントの文字エンコーディングを定義します -->
<メタ文字セット="utf-8" /> 
<!-- Chromium カーネルを強制し、360 ブラウザ、QQ ブラウザなどの国内デュアルコア ブラウザで動作します -->
<meta name="レンダラー" content="webkit"/>
<!-- Chromium カーネルを他のデュアルコア ブラウザで動作するように強制する -->
<meta name="force-rendering" content="webkit"/>
<!-- Google Chrome Frame プラグインがインストールされている場合は、Chromium カーネルが強制的に使用されます。それ以外の場合は、マシンでサポートされている IE カーネルの最新バージョンが IE ブラウザに強制的に使用されます。 -->
<meta http-equiv="X-UA-compatible" content="IE=Edge,chrome=1"/>
<!-- 
    レイアウトビューポートの幅を正の整数または文字列「width-device」で設定します。
    initial-scale は、ページの初期ズーム値を設定します。これは小数点付きの数値です。 minimum-scale は、ユーザーの最小ズーム値を許可します。これは小数点付きの数値です。 maximum-scale は、ユーザーの最大ズーム値を許可します。これは小数点付きの数値です。 shrink-to-fit=no iOS 9 では、前のプロパティが機能するためにこのプロパティを追加する必要があります。 height は、レイアウト ビューポートの高さを設定します。このプロパティは私たちにとって重要ではなく、めったに使用されません。 user-scalable は、ユーザーがズームできるようにします。値は「no」または「yes」で、no は許可されないことを意味し、yes は許可されることを意味します -->
<meta name="viewport" content="width=デバイス幅、初期スケール=1.0、縮小してフィット=いいえ、最小スケール=1.0、最大スケール=1.0、ユーザースケーラブル=いいえ"/>
<!-- ページの説明 -->
<meta name="description" content="150文字以内"/>
<!-- ページキーワード-->
<meta name="キーワード" content=""/>
<!-- ページ作成者 -->
<meta name="著者" content="名前、[email protected]"/>
<!-- 
    検索エンジンがすべてクロール: ファイルが取得され、ページ上のリンクを照会できます。 
    none: ファイルは取得されず、ページ上のリンクを照会することはできません。
    index: ファイルが取得されます。 
    follow: ページ上のリンクをクエリできます。 
    noindex: ファイルはインデックス化されません。 
    nofollow: ページ上のリンクを照会できません。 
-->
<meta name="ロボット" content="インデックス、フォロー"/>
<!-- ページ内の数字を電話番号として無視し、電子メールの認識も無視します-->
<meta name="format-detection" content="電話番号=いいえ、メールアドレス=いいえ"/>

<!-- IOS 開始 -->
<!-- ホーム画面に追加した後のタイトル (iOS 6 の新機能) -->
<meta name="apple-mobile-web-app-title" content="タイトル">
<!-- ウェブサイトがホーム画面のクイック起動モードに追加されると、アドレスバーを非表示にすることができます。これは iOS の Safari のみに当てはまります (iOS 7.0 以降では、Safari では効果が見えなくなります) -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- WebApp のフルスクリーン モードを有効にし、Apple のデフォルトのツールバーとメニュー バーを削除するかどうか -->
<meta name="apple-touch-fullscreen" content="yes"/>
<!-- スマート アプリ バナーを追加 (iOS 6 以降 Safari) -->
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
<!-- Apple ツールバーの色を設定します。デフォルト値は default (白) ですが、black (黒) と black-translucent (灰色の半透明) に設定できます -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- Baidu によるトランスコードを許可しない -->
<meta http-equiv="キャッシュコントロール" content="サイトアプリなし" />
<!-- ハンドヘルド デバイス向けに最適化されています。主に、BlackBerry などのビューポートを認識しない古いブラウザー向けです -->
<meta name="HandheldFriendly" content="true">
<!-- Microsoft の古いブラウザ -->
<meta name="モバイル最適化" content="320">
<!-- uc は垂直画面を強制します -->
<meta name="画面の向き" content="縦向き">
<!-- QQ 強制縦画面 -->
<meta name="x5-orientation" content="縦向き">
<!-- UC 強制フルスクリーン -->
<meta name="フルスクリーン" content="はい">
<!-- QQ は全画面を強制します -->
<メタ名="x5-フルスクリーン" コンテンツ="true">
<!-- UC アプリケーション モード -->
<meta name="ブラウザモード" content="アプリケーション">
<!-- QQ アプリケーション モード -->
<meta name="x5-page-mode" content="app">
<!-- Windows Phone をクリックしてもハイライトされない -->
<meta name="msapplication-tap-highlight" content="いいえ">

<!-- 
    iOSアイコンの始まり 
    ウェブサイトが iOS デスクトップに追加されたときのアイコン -->
<!-- iPhone および iTouch、デフォルト 57x57 ピクセル、必須 -->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="table_ico57.png">
<!-- Retina iPhone および Retina iTouch、114x114 ピクセル、オプションですが推奨 -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="table_ico72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="table_ico114.png">
<!-- Retina iPad、144x144 ピクセル、オプションですが推奨 -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="table_ico144.png">

<!-- iOS 起動画面開始 -->
<!-- iPad 縦画面 768 x 1004 (標準解像度) -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
<!-- iPad 横画面 1024x748 (標準解像度) -->
<link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
<!-- iPad 縦画面 1536x2008 (Retina) -->
<link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
<!-- iPad 横画面 2048x1496 (Retina) -->
<link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
<!-- iPhone/iPod Touch 縦画面 320x480 (標準解像度) -->
<link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
<!-- iPhone/iPod Touch 縦画面 640x960 (Retina) -->
<link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
<!-- iPhone 5/iPod Touch 5 縦画面 640x1136 (Retina) -->
<link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
<!-- IOS 終了 -->

<!-- Windows 8 タイルの色 -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 タイル アイコン-->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- RSS サブスクリプションを追加 -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>

<!-- sns ソーシャル タグ開始 -->
<!-- Weibo API を参照してください -->
<meta property="og:type" content="タイプ" />
<meta property="og:url" content="URL アドレス" />
<meta property="og:title" content="タイトル" />
<meta property="og:image" content="画像" />
<meta property="og:description" content="説明" />
<!-- sns ソーシャル タグ終了 -->

<meta name="レンダラー" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"/>
<script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

<!DOCTYPE html>
<html lang="ja">
  <ヘッド>
    <メタ文字セット="UTF-8" />
    <meta name="viewport" content="width=デバイス幅、初期スケール=1.0" />
    <title>ドキュメント</title>
    <meta name="レンダラー" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"/>
    <script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>
  </head>
  <本文>
        <h1>こんにちは世界</h1>
  </本文>
</html>