结构标记：

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>

HTML-日记3