あちあち情報局

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

ユーザ用ツール

サイト用ツール


html_start

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
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]]
  
html_start.txt · 最終更新: 2018/05/14 21:12 by 管理者