この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン | |||
html_start [2018/05/14 21:10] 管理者 |
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]] | ||