表单以及关于BFC的重点。

关于表单的回顾：

       -表单的作用是收集用户的数据，后续和后台发生数据交互

       <form表单 action="提交的地址" name="表单的名字" method="get/post提交给浏览器的方式">

        <input type="text" name="" size="文本输入框的大小设置" maxlength="最大长度字符" value="占位符">

        <!-- password密码输入框、radio单选框、checkbox复选框、submit提交按钮、reset重置按钮、button空按钮 -->

表单的组成：

表单域：

<form name=“”  method=“” action=“ "></form>

表单控件 ：

1<input type="text" value=""/>               文本

2<input type="password" value=""/>             密码

3<input type="button" value=""/>           空按钮

4<input type="submit" value=""/>          提交

5<input type="reset" value=""/>             重置

6<input type="checkbox" checked="checked" disabled="disabled"/> 复选按钮

7<input type="radio" name="rel"/>         单选按钮

</form>

设置select标签需要和option标签嵌套，表示创建一个下拉菜单

       -代码：

       <select>

        <option value="">内容</option>

       </select>

关于高级表单属性：

       1、表单字段集

语法标签：<fieldset></fieldset>

说明：

相当于一个方框，在字段集中可以包含文本和其他元素。该元素用于对表单中的元素进行分组并在文档中区别标出文本。fieldset元素可以嵌套，在其内部可以在设置多个fieldset对象。disabled定义空间禁止可用；

2、字段级标题

语法：<legend align="left/right/center/justify"></legend>

说明：

legend元素可以在fieldset对象绘制的方框内插入一个标题。legend元素必须是fieldset内的第一个元素

<!-- 给属性radio设置label标签，绑定id关系，父级用for添加属性值，子级元素设置id属性值，父级绑定同样的id属性值即可，点击按钮文字也可以发生点击事件 -->

代码：

<label for="like"> <input type="radio" name="like" id="like">喜欢</label>

搜索引擎针对头部的优化：

01、<meta name="description" content="“<!-- 告诉搜索引擎你的站点的主要内容 -->

02、<meta name="keywords" content="“<!-- 告诉搜索引擎你的站点的主要内容 -->

03、<meta name="generator" content="">用以说明生成工具（如Microsoft FrontPage 4.0）

04、<meta name="author" content="团队的名字"><!--告诉搜索引擎此站点谁是作者-->

关于BFC的概念：（常见的面试题）

       BFC:-块级格式化上下文

              -需要先介绍 Box、Formatting（格式化） Context（上下文）==块级格式化上下文的概念。（全称Block formatting context）

        - BFC只能针对于块级元素

        - 是一个独立的渲染区域 与外部区域布局毫不相干

BFC的解释

1、内部的Box会在垂直方向，一个接一个地放置。

        -  块级元素的布局规则 就是从上到下排列的 独占一行

    2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠

        - margin值错误解析问题 => bfc

    3、每个元素的margin box的左边， 与包含块border box的左边相接触

        - 设置margin必须要和父级的包含框相接触

    4、BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。

        - 每一个html里面的布局和其他的html页面没有关系

    5、BFC的区域不会与float box重叠。

        - 常见的后台系统布局

    6、计算BFC的高度时，浮动元素也参与计算

        - 解决高度塌陷 => 触发BFC => 计算BFC的高度时，浮动元素也参与计算