閱讀筆記
個人備忘用 (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