结构标记：
1.什么是结构标记？
1.在HTML5中，专门提供一组标记来表示网页的结构即制作布局。
目的：提升布局代码的语义性；
ex: < div id="header"></div>
2.常用结构标记：
1.header元素
作用：定义网页或者其他部分内容的页眉信息，（靠上部分的内容）
2.nav
作用：定义网页的导航链接部分
3.section元素
作用：定义文章中的节，表示页面内容
4.article
作用：用于与文章相关的内容，如帖子，新闻，博客啥啥啥的。。。。
5.footer
作用：定义页面的页尾信息---靠近网页或者某区域的最底端
6.aside
定义页面中的边栏信息
表单（关于表单补充知识点）
1.action
定义表单提交时发生的动作
指定服务器端处理程序的地址(url)
2、method
定义表单数据的提交方式 取值： 1、get(默认值) 1、明文提交，提交的数据会显示在地址栏上 2、安全性不高 3、有提交数据的大小限制 -2KB 4、使用场合：向服务器要数据时使用-搜索关键字的提交 2、post 1、隐式提交，不会将提交的信息显示在浏览器的任何位置处 2、安全性高 3、无大小限制3、enctype
作用：指定表单数据进行编码的方式 取值： 1、application/x-www-form-urlencoded 默认值，可以将表单中的普通文本，特殊字符，标点符号都进行 二进制编码，然后提交(无法对文件进行编码提交) 2、multipart/form-data 可以将表单中的文件 进行二进制编码再提交 字符，标点无法 进行编码提交 注意：该值，主要使用在 文件提交时 3、text/plain 可以将 表单中的 普通字符 进行二进制编码再提交，其余的无法提交 4、name 定义表单名称，js用的比较多、作用
用于接收用户数据并依托于表单提交给服务器 2、表单控件分类 1、input元素：文本输入控件(文本框，密码框)，按钮，单选按钮，复选框...... 标记：<input> 2、textarea元素 多行文本域 标记：<textarea></textarea> 3、select和option元素 选项框 标记：<select> <option></option> </select> 3、<input>元素(重难点) 1、作用 用于收集用户信息 2、语法 标记：<input> 主要属性：通用属性，所有的input都具备的属性 1、type 根据type的值，来创建各种类型的输入控件，比如：文本框，密码框，按钮，复选框，单选按钮... ... 2、name 控件名称，提供给服务器使用 注意：不给控件设置名称，则数据无法提交 匈牙利命名法：控件缩写+功能名称 3、value 控件的值，最终提交给服务器的值 4、disabled 禁用控件 表示控件不可用(不能被获取值，不能被提交) 注意：该属性没有值 3、具体元素 1、文本框与密码框 文本框：<input type="text"> 密码框：<input type="password"> 专有属性： 1、maxlength 限制输入字符数的数量 取值：数字 2、readonly 只读 disabled：禁用，不能被提交 readonly：只读，允许被提交 该属性无值 3、name 文本框和密码框的缩写：txt ex：<input type="text" name="txtname"> <input type="password" name="txtpwd"> 2、单选按钮和复选框 单选按钮：<input type="radio(rdo)"> 复选框：<input type="checkbox(chk)"> 属性： 1、name 名称，同时具备分组作用 单选按钮：一组只能有一个被提交 复选框：一组数据后台获取时名称相同 2、value 值，被选中后提交的值 3、checked 设置默认被选中 该属性无值 3、按钮 1、提交按钮 <input type="submit"> 作用：提交表单数据给服务器 2、重置按钮 <input type="reset"> 作用：将表单恢复到初始化的状态 3、普通按钮 <input type="button"> 作用：由用户自定义功能(js)属性：
1、name 定义名称，缩写：统一叫做btn 2、value 按钮上的文字 4、隐藏域和文件选择框 1、隐藏域 <input type="hidden"> 作用：要提交给服务器，但是不想给用户看的数据，放在隐藏域中 2、文件选择框 <input type="file"> 作用：允许打开 文件选择框，选择文件进行上传 属性：1、name 统一 txt 2、 3、注意：使用文件选择框上传文件时，有以下两点要求： 1、<form>的method属性 必须是post 2、<form>的enctype属性 必须是multipart/form-data 4、textarea元素 1、作用 完成多行文本的录入功能 2、语法 标记：<textarea>默认值</textarea> 属性： 1、name 名称，缩写为 txt 2、cols 指定文本区域的列数 变相设置 控件的 宽度 3、rows 指定文本区域的行数 变相设置 控件的 高度 4、readonly 只读 5、选项框 分为：下拉选项框和滚动列表两种 语法： 1、标记 <select></select> 作用：创建选项框(滚动列表) 属性： 1、 name 名称，缩写：sel 2、size 指定选项框默认能显示几项内容 默认值为1 如果取值大于1的话，则为滚动列表 3、multiple 设置允许多选，该属性无值。 2、<option></option> 作用：选项框中的选项 属性 1、value 选项的值 2、selected 预选中，设置默认被选中的选项，该属性无值。 6、其他元素 1、label 元素 1、作用 关联 文字 与 表单控件。关联后，点击文字的时候如同点击 表单控件一样 2、语法 标记：<label>文本</label> 属性： for：表示与该元素相关联的表单控件 id 属性值 2、为控件分组 <fieldset></fieldset>:为控件分组 子元素：<legend></legend>:指定分组的标题3、其他常用标记 1、 浮动框架 1、作用：可以在一个浏览器窗口中同时显示多个HTML文档 2、语法： 1、标记 <iframe>内容</iframe> 注意：内容是只在浏览器不支持iframe元素时，所显示的内容 2、属性 1、src 浮动框架中的网页url 即要引入网页的地址 2、height 高度 3、width 宽度 4、frameborder 浮动框架边框，如果不想要边框的话，设置为0 2、摘要与细节 1、作用 允许将页面的某部分内容进行展开或者收缩 2、语法 <!-- 定义 摘要与细节 --> <details> <!--定义摘要与细节的标题部分--> <summary></summary> </details> 3、度量元素 1、作用 用于在页面中定义一个度量衡 可以表示一些静态比例信息 ex：投票人数的比例 任务完成的进度... 2、语法 1、标记 <meter>文本</meter> 2、属性 1、min 度量范围的最小值，默认为0 2、max 度量范围的最大值，默认为1 通常会将其改为100 3、value 元素上所显示的度量值，默认为0 4、时间元素 1、作用 定义公历的时间和日期(24小时制) 关联时间的不同表现形式 2、语法 <time>显示的文本</time> 属性： datetime：规定文本所对应的日期和时间，日期和时间如果同时写的话，中间要用"T"标签 5、高亮元素 1、作用 定义页面中带有记号的文本 被高亮元素所修饰的元素，背景颜色为黄色 2、语法 <mark></mark>