閱讀筆記

個人備忘用 (html5 cookbook)。

  • 下載模版 // Html5 Boilerplate
  • 定義區塊 // header, footer, nav, aside, section, article
  • 檢視大綱 // html5 Outliner
  • 文字標籤 // 粗體:strong重要, b關鍵字。斜體:em重音, i術語學名。黃底字:mark搜尋詞彙。small免責聲明。abbr縮寫。<abbr title="words.words.words"">WWW</abbr"> WWW
  • 圖片圖說 // figure figcaption <figure> <img src="/favicon.png" /> <figcaption">caption goes here </figcaption> </figure>
    caption goes here
  • 日期時間 // time, datetime <time datetime="2015-03-01">今天</time> <time>2015-03-01</time> 可表示非精確的日期與時間範圍。pubdate發佈日期
  • 清單編號 // <ol start=3>自定編號起始值。<li value=2>手動指定項目編號
  • 表單 // <form> <label=XXX> <input type= search, email, url, time, number…></label> </form>。 title=”xxx” 自定錯誤訊息 。數字可指定範圍。datalist下拉選單option value。autofocus自動聚焦。placeholder框內文字。pattern限制輸入值。
  • 替代方案 // http://modernizr.com
  • 語意資訊 // microdata&schema.org itemtype, itemscope, itemprop