HTML5+CSS3笔记（Xmind格式）：第一天

Xmind鸟瞰图：

文字总结：

1.新增语义化标签：

- header：定义文档的页眉,用来表示页面的头部。

- nav：定义导航链接的部分nav 元素代表页面中的导航，其中的导航元素链接到其他页面或当前页面的其他部分。

- main：主体信息

- aside : 侧边栏

- article：article元素表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报纸中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容。

- section：定义文档中的节（section、区段）

- footer：定义文档或节的页脚

- datalist：标签定义选项列表。请与 input 元素配合使用该元素，其中input的list属性值必须和datalist的id值一致。（修改后要刷新页面）

- figure元素：该元素用于表示一块独立的图片区域，元素内部可以包含一个或多个<img>元素。另外，该元素还可以包含一个<figcaption>元素，用于定义该图盘区域的标题。

- figcaption元素：该元素通常放在<figure>内部，用于定义图片区域的标题。

- fieldset：可将表单内相关元素分组，与legend 配合使用

- meter: 使用 meter 元素来度量给定范围（gauge）内的数据

2.常用属性：

 placeholder   占位符提供可描述输入字段预期值的提示信息                    

 autofocus    规定当页面加载时 input 元素应该自动获得焦点                  

 multiple     多文件上传                                                  

 autocomplete  规定表单是否应该启用自动完成功能，on默认，启用自动完成（name必须，提交按钮必须）

 required      必填项                                                      

 tabindex      指定获取焦点的顺序                                          

 data-        自定义标签属性    

3.新增的input的type属性值(重点)

 email     输入邮箱格式        

 tel       输入手机号码格式    

 url       输入url格式          

 number    输入数字格式        

 search    搜索框（体现语义化）

 range     自由拖动滑块        

获取时间，日期，星期：time     date      month      week    

4.多媒体标签：

audio：播放音频

video：播放视频

详细Xmind原文档，在文章顶部自取下载！