あちあち情報局

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

ユーザ用ツール

サイト用ツール

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

サイドバー

メニュー

現在リニューアル中

トップページ

ブログ
コンテンツ
その他
連絡方法
関係者用
旧コンテンツは下部

旧コンテンツ

* ここは旧トップページ

タグ一覧

タグ#
3
1
1
5
3
3
1
1
1
5
2
3
2
1
3
3
12
3
9
5
1
1
4
15
12
4
1
3
3
1
2
1
1
1
1
4
29
8
2
4
3
1
1
8
1
1
1

PV : 2201790

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用)

ここは旧トップページ＞日曜プログラミング

html_start.txt · 最終更新: 2018/05/14 21:12 by 管理者

ページ用ツール

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki