1.网页布局
1.1<header>元素
<header></header>==> <div id="header"></div>定义网页头部，网站标题、LOGOheader可以在网页上出现多次。可以表示任何一部分内容的头部信息
1.2<nav>元素
<nav></nav>==》 <div id="navigation"></div><div id="nav></div>负责定义页面的导航链接部分
1.3<section>元素
<section></section>==> <div id="main"></div>用于定义文档中的节特点：可以充当网页主体中的某一模块
1.4<article>元素
<article></article>==> <div id="article"></div>用于描述文字性较强的内容：博客、微博、帖子、文章、用户评论
1.5<aside>元素
可以表示网页主体内容中的边栏部分<aside></aside>==> <div id="left_side"></div>
1.6<footer>元素
<footer></footer>==> <div id="foot"></div>出现在网页偏下端部分，用来定义网页文档的页脚部分内容：友情链接、版权信息、授权、作者等
2.表单
2.1如何实现表单
语法：<form></form>特点：没有任何显示效果，默默的帮助网页完成信息提交的功能
2.2enctype表单数据编码方式
1、application/x-www-form-urlencoded
默认值,能够提交普通数据(包含特殊符号 & , = , ?)，无法提交文件 2、multipart/form-data将所有内容都拆分成二进制进行提交支持 文件上传 3、text/plain只负责提交基本数据，不包含任何特殊字符的数据尽量不用，有可能数据提交不完整
2.3method提交方式
取值:get或postget:（得到，获取）会将提交的信息全部显示在地址栏上(明文提交)。大小限制为2KB。使用场合：向服务器索取信息时，推荐使用get提交方式，比如，百度搜索、各个网站的搜索栏 post:隐式提交，所提交的数据不会显示在地址栏上，安全性较高。并且没有提交数据的大小限制。使用场合：1、提交数据量较大时，上传头像、文档等2、提交安全性要求较高的数据时，比如密码等如果想将数据提交给服务器进行处理时，可以使用post，如 登录、注册。 默认值：get
2.4.表单控件
文本框 与 密码框
文本框:<input type="text"/>密码框:<input type="password" />属性：maxlength:限制输入的字符数readonly:只读
单选框 和 复选框
单选框：<input type="radio">复选框：<input type="checkbox">属性：checked : 设置默认被选中注意：name属性，一组单选框或复选框，name属性要设置为一致的。一组中，只能有一个元素被选中
提交按钮
固定功能，将表单控件的数据提交到服务器指定的处理程序(action)上<input type="submit" value="按钮上的文字" />
重置按钮
固定功能，将表单控件的值都设置为默认值。<input type="reset" value="按钮上的文字" />普通按钮
由用户来定义功能<input type="button" value="按钮上的文字" /><button>显示的文字</button>
文件选择框
允许用户选择 要上传的文件<input type="file" name="" />注意：
1、表单的 method 属性值 必须为 post2、enctype的值必须为 multipart/form-data
选项框(下拉列表框)
两种：1、下拉选项框2、滚动列表语法：选项框：<select><option> </option>
</select>
属性：name:id:size:默认1，如果大于1则为滚动列表multiple:多选 选项：<option value="选项的值" selected>显示的文本</option>textarea元素
文本域，多行文本框元素语法：<textarea>多行文本</textarea>属性：namecols:指定文本区域的列数(宽度)rows:指定文本区域的行数(高度)以上两个属性，以字符数作为值readonly:只读
为控件分组
语法： 分组：<fiedset>元素</fieldset>标题：<legend></legend>