あちあち情報局

趣味や日曜プログラムなどを書いています

現在位置: トップページ » HTML5のひな形(下書中)

html_start

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- html_start [2018/05/14 21:03] – 作成管理者
+++ html_start [2018/05/14 21:12] (現在) – 管理者
@@ 行 1: / 行 1: @@
+{{tag>プログラミング関連 HTML5}}
+[[start]]＞[[programming_start]]
+====== HTML5のひな形(下書中) ======
+----
+===== 最低限必要そうなの構文 =====
+UTF-8/日本語環境時
+<code html>
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="utf-8">
+    <title>タイトル</title>
+  </head>
+  <body>
+    <h1>見出し</h1>
+    <p>段落</p>
+  </body>
+</html>
+</code>
+body要素内のh1とpは必須ではないけどあった方が良いと思われます。
+===== 少し追加したパターン =====
+<code html>
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="utf-8">
+    <title>タイトル</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" type="text/css" href="スタイルシートのファイル名">
+    <meta name="description" content="ページの概要">
+    <meta name="keywords" content="キーワード1,キーワード2,キーワード3">
+    <meta name="format-detection" content="telephone=no,address=no,email=no">
+  </head>
+  <body>
+    <h1>見出し</h1>
+    <p>段落</p>
+  </body>
+</html>
+</code>
+  * モバイルフレンドリーのviewportを追加
+  * 外部スタイルシートの読み込みを追加
+  * SEO対策にDescriptionメタ情報追加
+  * SEO対策にKeywordsメタ情報追加
+  * 電話番号・住所・メールアドレスに自動リンクしない(Safari用)
+----
+[[start]]＞[[programming_start]]