7/6のまとめ-HTML5

授業

Zen-coding

  • Zen-codingをインストールしている場合、Cドライブからzen_settings.jsを検索
  • Dreamweaverで開き、HTML5部分を書き換える(ソースは先生のブログからコピー)
  • 保存して再起動
  • html:5と打ち、Ctrl + , でHTML5が打たれる

HTML5

  • DOCTYPEのhtmlは大文字小文字どちらでも
  • bodyの一部だけにlang属性を指定できる lang="en"など
  • style要素、link要素、script要素はtype属性を省略できる
  • hを複数使うなら、hgroupを使い、pなら要らない
  • addressはcopyrightには使えないのでsmallにする
授業での決めごと
  • 記事内容全体 article
  • 中の細かい単位 section
  • divも必要に応じて使っていく
  • microデータを削る

サイト

  • h1, pは体言止めにする。
  • 句読点は要らない、入れるなら半角スペースか|のみ。
  • body直下のpはキーワードを入れることが大事
  • もしくはh1にpにあたる言葉にし、pにlogoを入れる
  • ブランディングの確立していない店はサービスをh1に入れる