あちあち情報局

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

ユーザ用ツール

サイト用ツール


サイドバー

メニュー

現在リニューアル中

タグ一覧

programs:html_start

HTML5のひな形(下書中)

最低限必要そうなの構文

UTF-8/日本語環境時

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8"> 
    <title>タイトル</title>
  </head>
  <body>
    <h1>見出し</h1>
    <p>段落</p>
  </body>
</html>

body要素内のh1とpは必須ではないけどあった方が良いと思われます。

少し追加したパターン

<!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>
  • モバイルフレンドリーのviewportを追加
  • 外部スタイルシートの読み込みを追加
  • SEO対策にDescriptionメタ情報追加
  • SEO対策にKeywordsメタ情報追加
  • 電話番号・住所・メールアドレスに自動リンクしない(Safari用)
programs/html_start.txt · 最終更新: 2018/05/14 18:00 by 管理者