TML5帶來的新特色

1.用于繪畫的 canvas 元素

2.用于媒介回放的 video 和 audio 元素

3.對本地離線存儲的更好的支持

4.新的特殊內容元素，比如 article、footer、header、nav、section

5.新的表單控件，比如 calendar、date、time、email、url、search

本次分享：

1.常用的新增語義標簽

2.Input控件類型

3.常用的html5標簽

這張圖片你應該很熟悉：

比較常用的HTML5語義標簽總結：

1.<header> : 用于規定文檔頭部或者內容的展示，在文檔中你可以使用多個header標簽

2.<nav> : 用于定義導航鏈接部分

3.<section> : 標簽定義文檔中的節（section、區段）。比如章節、頁眉、頁腳或文檔中的其他部分

4.<article> : 標簽定義獨立的內容

5.<aside> : 標簽定義頁面主區域內容之外的內容（比如側邊欄）。標簽的內容應與主區域的內容相關

6. <footer>: 元素描述了文檔的底部區域。例如：作者，著作權信息，鏈接的使用條款，聯系信息等

常用的HTML5新標簽及其用法總結：

1.<b> : 定義粗體字

2.<base> : 標簽為頁面上的所有鏈接規定默認地址或默認目標。(必須插在head標簽內)

3.<ado> : 改變文本默認方向，屬性dir 值有兩個：ltr,rtl,意思是從左到右，從右到左

4.<center> : 對其所包括的文本進行水平居中

5.<caption> : 元素定義表格標題,必須緊隨 table 標簽之后

6.<dl> : 定義列表 ，這個好像之前就有，不過不太常用，順便提一下

7.<figcaption> : 標簽定義figure元素的標題

8.<select> : 下拉選框，以前也經常用到。

9.<progress> : 標簽標示任務的進度（進程）,也就是進度條

11. <sup>和<sub> 文本上標和下標

12.<del>和<ins> ：來描述文檔中的更新和修正

13.<sumary> 和<details> :標簽包含 details 元素的標題，"details" 元素用于描述有關文檔或文檔片段的詳細信息。這兩個標簽是放在一起使用的。

提出小小的學習意見：
學習的過程中，不要因為記不住某些標簽或者屬性而懊惱，（好吧~，我之前有過）。后來，在不斷的學習中，我開始認識到理解是要放在第一位的，屬性記不住，沒關系，在這么方便的條件下，隨手一查就可以找到，所以理解和會用是最重要的。還有一點，不能固執己見，要多關注前沿的技術，即使不太用到，多了解了解也是很好的嘛~
談生活 不談技術 談技術 不談生活 僅此而已

提出小小的學習意見：

學習的過程中，不要因為記不住某些標簽或者屬性而懊惱，（好吧~，我之前有過）。后來，在不斷的學習中，我開始認識到理解是要放在第一位的，屬性記不住，沒關系，在這么方便的條件下，隨手一查就可以找到，所以理解和會用是最重要的。還有一點，不能固執己見，要多關注前沿的技術，即使不太用到，多了解了解也是很好的嘛~

每天學習一點，進步一點，一個月將會是一個質的的飛躍，俗話說三個臭皮匠頂一個諸葛亮，大家的智慧總是大于一個人的智慧，想要比自己牛的人交流學習，歡迎進群：675498134，歡迎前端初學和進階中的小伙伴。

我們設計一個著陸頁、海報或只是給你的blog做個廣告圖，你總是會明確的告訴用戶第一視覺在哪里？這種第一視覺可能往往是一個字體，這個時候粗 體字就很重要了，特別是那種加粗了還會保有自己優雅、明亮、有趣、充滿活力或嚴肅等個性的。今天我們分享的就是20個適合做大標題的粗體字下載，希望能給 你帶來靈感，enjoy！

Intro Condensed Free

LIBERATOR

PIER

DUAL typeface

AXIS Typeface

Bushcraft Font Family

Billy

Berlin

Jaapokki

ACHI FONT

BIG FONT

JACK Font

Panama

Barry Free Font

Natasha

Dense

Oduda

Origicide

REKLAME SCRIPT

Biko Font Family

ONTWERP

切圖網（qietu.com）是一家專門從事web前端開發的服務機構，提供高品質的psd轉html5、響應式切圖、webapp切圖，h5切圖等web前端開發服務！