一.结构标记：作用就是为了提升标记的语义性，每个结构有每个不同的标记。
1.头部标记：<header></header>，用于定义页面的页眉，最上面的内容。等同于<div id="header"></div>,作用一样。就是相当于一个容器，装其他的元素。
2.导航标记：<nav></nav>，用于定义页面的导航链接部分。等同于<div id="nav"></div>
例如可以这样写导航：
<nav>
<ul>
<li></li>
</ul>
</nav>
3.主体标记：<section></section>作用：定义页面主体内容中的小节，现在section可以表示整个页面的主体内容等同于<div id="main"></div>
4.<article></article>作用：用于描述文本性较强，或者艺术气息较强的内容。一般情况下，论坛中的帖子信息，报纸信息，博客或微博中的条目信息。用户回复信息，有限考虑放在article中
5.<footer></footer>定义页面中或某个区域中的脚注信息，页面最底部的信息。
6.边栏：<aside></aside>定义页面侧边栏，靠边的信息
以上结构标记为的就是独立定义结构，替代div。
表单
表单的作用：显示，收集信息，并且将信息提交给服务器
（在注册，登陆的时候，网页就会提供一些供用户填写的表单，表单元素会把填写的信息提交服务器进行处理 ）
表单包含两组内容
1.表单元素<form>
<form></form>
注意：使用表单控件提交数据时，表单不能省略
属性：
1.action：后台处理程序的地址（服务器端工程师提供），默认会提交给本页。
2.method：方式，表单的提交方式。不同的提交方式约束的内容不一样。
常用取值：2个
get：
1.显示提交数据，会将提交信息显示在地址栏上面，安全性不高，又叫显示提交
2.大小限制，最大支持到2kb的提交。
3.如果不设置method属性，默认就是get方式提交（显示提交，最大2kb）
4.使用场合：向服务器索取数据时，优先使用get
post：
1.隐式提交数据，不会将提交的信息显示在地址栏上，安全性较高，所有有关密码的信息提交时，必须用post
2.post没有大小限制。
3.使用场合：安全性要求较高的页面，传递数据量较大的时候
3.enctype
作用：设置对表单中提交的数据的编码方式，规范哪些数据可以提交给服务器
取值：
1.application/x-www-form-urlencoded,默认值，可以将普通的文本，特殊的字符，一起提交给服务器。
2.multipart/form-date,允许将表单中的文件，传递给服务器，普通文本不能直接传递。
3.text/plain，只能将普通文本传递给服务器，特殊字符不允许。
4.id
5.name
2.表单控件
什么是表单控件
包含在表单中的元素，具备可视化外观，并且可以接受用户输入的数据。
分类
1.input元素
2.textare文本域
3.select和option选项框
一.input元素，主要作用就是收集用户信息
语法：<input>
属性：
type，根据不同的类型值可以创建不同的输入控件，用户名，密码，按钮形式的
value，控件的值，提交给服务器的数据。
name，控件的名称。必须设置，否则无法提交，服务器主要根据name这个控件的名称，来获取value
disabled，禁用控件，该属性可以没有值。
1.文本框和密码框
文本框：<input type="text">
允许用户输入任意字符的数据，明文显示
密码框：<input type="password">
允许用户输入任意字符的数据，密文显示
属性：
maxlength：限制输入的字符数
readonly：只读，无需给值
value：控件值，同时也可以设置控件
注意：input元素下，如果不写type值，或者type值写错时，都默认为文本框。
单选框和复选框
1.单选框：<input type="radio">
属性：
1.name：定义名称并且实现控件分组，一组内的元素才能实现单选
2.value：控件值
3.checked：设置默认被选中，不需要值
2.复选框
<input type="checkbox">
属性：name：定义名称并且分组，便于服务器获取
3.按钮
1.提交按钮，功能固定化，负责将数据提交给服务器
<input type="submit">
2.重置按钮，功能固定化，负责将表单控件恢复到初始化的状态
<input type="reset">
3.普通按钮，没有固定功能，由开发者通过js来设置。
<input type="button">
value：显示在按钮上的文本
name：名称（可写可不写）
4.非input标签的按钮
<button></button>
<button type="button">普通按钮</button>
属性：type
5.隐藏域和文件选择框
1。隐藏域，不想让用户看见，但是又要提交到服务器的数据，可以放在隐藏域中
例如：隐藏用户id
type="hidden"
<input tpe="hidden">
属性：
name
value
6.文件选择框
提供一个基础控件，允许用户选择本机的文件上传到服务器
type="file"
<input type="file">
属性：name value
注意：
表单的method（提交方式）属性值必须为post
表单的enctype编码必须为multipart/form-date
更多知识关注小编，或者百度网络营销师钟震，钟震讲网络营销。会有很多相关知识，公众号网络营销师钟震，以后每天都会分享web前端，淘宝运营，竞价，网站建设和优化，社媒方面的知识。与大家共同进步。希望对您有一点点帮助，喜欢记得关注公众号。