表单，语义化标签，字符实体

5.1.1 button 按钮标签

场景：在网页中显示用户点击的按钮

标签名：button

type属性值（同input的按钮系列）

谷歌浏览器中button默认是提交按钮

button是双标签

 

5.1.2 select 下拉菜单标签

场景：在网页中提供多种选择项的下拉菜单表单控件 

标签组成：

select标签：下拉菜单的整体

option标签：下拉菜单的每一项

常见属性：selected：下拉菜单的默认选中

5.1.3  textarea文本域标签

场景：在网页中提供可输入多行文本的表单控件

标签名：textarea

常见属性：

cols：规定了文本域内可见宽度
rows：规定了文本域内可见行数

注意点：

右下角可以拖拽改变大小

实际开发针对样式效果推荐用css设置

5.1.4 label系列标签

 场景：常用于绑定内容与表单标签的关系

标签名：label

使用方法一  ：使用label标签把内容包括起来

在表单标签上面添加id属性

在label的for属性中设置对应的id属性值

方法二：直接使用label标签把内容（如文本）和表单标签一起包裹起来

需要把label标签的for属性删除即可

5.1.5 没有语义的布局标签--div和span

场景：实际开发网页时会大量使用到这两个没语义的标签

div：一行只显示一个（独占一行）

span标签：一行可以显示多个

5.1.6有语义的布局标签

场景：在新版本中，推出了一些有语义的布局标签供开发者使用

标签：

5.1.7 字符实体

场景：在网页中展示特殊符号效果时，需要使用字符实体替代

结构：&英文

常见字符实体：

下图为综合案例：