对常用的一些HTML标签进行了整理总结
常用标签
- 头部标签
<head>：用于定义HTML的文档头
<script>：包含javascript脚本
<style>：用于定义内部CSS样式
<link>：用于链接外部CSS样式
<title>：用于定义文档标题
<base>：该元素用于指定该页面中所有链接的基准链接
href：指定所有链接的基准链接
target：指定超链接默认在哪个窗口打开链接
<meta>：用于定义HTML页面的元数据
http-equiv：指定原信息的名称
Expires：指定网页过期时间
Pragma：指定禁止浏览器从本地磁盘缓存中调阅页面信息
Refresh：指定浏览器多长时间后自动刷新指定页面
Set-Cookie：设置Cookie.如果网页国企，name客户端上的Cookie也将被删除
content-Type：设置该页面的内容类型和所用的字符集
name：指定原信息的名称，该名称可以随意指定
content：指定原信息的值
- 基本标签
<!-- -->：注释
<html>：根元素
<head>：页面头部分
<title>:页面标题
<body>：页面主体部分。该标签可以定义指定的onload/onmouseout等事件
<style>：用于引入样式定义
<h1-h6>：用于定义标题
<p>：定义段落
<br>：用于插入一个换行
<hr>：用于定义水平线
<div>：定义文档中的节
<span>：与<div>基本相似，区别是该定义的节默认不会换行
- 文本元素格式
<b>、<strong>：定义粗体文本
<i>、<em>：定义斜体文本
<sup>：上标文本
<sub>：下标文本
<bdo>：定义文本显示的方向
- 语义相关元素
<address>：表示一个地址
<blockquote>：用于定义一段长的应用文本
<q>：定义一段短的引用文本
<code>：表示一段计算机代码
- 超链接和锚点
<a/>：表示一个超链接
href：指定超链接所关联的另一个资源
target：指定使用哪个框架来装载这个资源
<a name="test"/>：定义一个锚点
跳转到锚点<a href="test.html#test"/>URL的资源和锚点名之间用#隔开
- 列表
<ul>：定义无序列表
<ol>：定义有序列表
start：定义列表的起始数字
<li>：定义列表项目
<dl>：定义列表
<dt>：定义标题列表项
<dd>：表示普通列表项
- 图像
<img/>：定义单个图像
src：定义图片文件所在的位置
alt：指定一段文本作为图片的提示信息
height/width：指定图片的宽度
<map>：定义多个图片区域
<area>：定义图片映射的内部区域
shape：指定内部区域是哪种区域，圆形矩形还是多边形
coords：指定多个坐标值，用于确定区域的位置
href：指定该区域链接的资源
target：指定哪个框架爱来装载
alt：指定图的提示文本信息
- 表格
<table/>：定义表格
cellpadding：定义单元格内容和单元格边框之间的间距
cellspacing：定义单元格之间的间距
width：指定表格的宽度
<caption>：定义表格标题
<tr>：定义表格行
<td>：单元格
colspan：指定该单元格跨多少列
rowspan：指定单元格可以横跨多少行
width：指定单元格的宽度
<thead>：定义表格头
<tfoot>：定义表格脚
<tbody>：定义表格主体
这三个元素便于对表进行分块操作
<colgroup>：定义一组列
<col>：定义列的样式 有多少列就要有多少col元素
span：连着几个列的样式相同
- 框架
<iframe/>：src指定一个URL
- 新增的常用属性
//为了更好的表达HTML的文档结构、文档语义
<article/>：表达一篇独立的完整的文章
<section/>：将一个文章分割成几块
<nav/>：定义页面上一个导航栏
<aside/>：定义当前页面的侧边栏
<header/>定义页面的头部信息
<hgroup>：将多个头部信息写在一起
<footer>：用于脚注
<figure>：定义个快独立的“图片区域”，该元素内部包含一个或多个<img>元素所代表的图片
//两个特殊的元素
<meter>：用于表示一个已知最大值和最小值的计数仪表
value：指定计数仪表的当期值
min：指定计数仪表的最小值
max：指定计数仪表的最大值
low：指定计数仪表指定范围的最小值
high：指定计数仪表指定范围的最大值
optimum：指定计数仪表有效范围的最佳值
<progress>：表示是一个进度条
max：指定进度条完成时的值
value：指定进度条当前完成的进度值
- 通用属性
（1）contentEditable：设置是否可编辑
（2）designMode：相当与一个全局的contentEditable
（3）hidden：是否隐藏
（4）spellcheck：对输入的文字进行单词检查，如果检查不通过，对拼错的单词进行提示
//HTML5增加的属性
autofocus：浏览器打开该页面时该组件就会自动获得焦点
placeholder：当用户未在单行文本框中输入内容时，当行文本框就会显示对用户的提示信息。一旦用户开始输入，单行文本框中的提示信息就会自动消失
list：既可以在文本框中输入，又可以下拉列表选择。必须与<datalist/>复合使用
- 表单元素
//表单元素
<form>：用于生成输入表单
action：指定当单机表单内的“确认”按钮时，该表单被提交到哪个地址，该属性必填
method：指定表单提交的方法
enctype：指定对表单内容进行编码所使用的字符集
name：指定表单的名称
target：指定用哪种方式打开目标URL
<input/>：用于输入
type：
单行文本框：text
密码输入框：password
隐藏域：hidden
单选框：redio
复选框：checkbox
文件上传域：file
图像域：image
提交按钮：submit 与图像域相同都是点击会导致表单被提交
重设按钮：reset 请空表单内用户的输入，将表单内所有表单空控件的值恢复到初始状态
无动作按钮：button 单击按钮对表单不会有任何作用，通常为该按钮编写JavaScript脚本
checked：设置单选框或者复选框初始状态是否处于选中状态
disabled：设置首次加载是禁用此元素
maxlength：指定文本框中允许输入的最大字符数
readonly：指定文本框汇总的值不允许用户修改
size：指定该元素的宽度
src：指定图像域显示图像的URL
<label>：标签
<button>：按钮。和<input type="button">不同的是有更加强大的功能和内容
disabled：指定是否禁用此按钮
name：按钮的名字
type：指定按钮的种类 submit/reset/button
value：按钮的初始值
<select>：列表框
disabled：设置禁用
multiple：设置下拉菜单是否允许多选
size：列表框的高度
<option/>：下拉菜单
disabled：是否禁止使用
selected：指定该列表项初始状态是够处于被选中状态
value：指定该选项对应的请求参数值
<textarea>：文本域
cols：指定文本域的宽度
rows：指定文本域的高度
disabled：指定是否禁用
readonly：指定文本域只读
//input的特殊用法
color：生成一个颜色选择器
date：生成一个日期选择器
time：生成一个时间选择其
week：生成一个周选择文本框
month：生成一个月份选择器
tel:生成电话号码文本框
email：生成邮件文本框
url：生成URL输入框
number:输入只能输入数字的文本框
range：生成一个拖动条
