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前端开发服务！