HTML 属性缩略语列表
------------------------------------ HTML ------------------------------------
表格：
ol - ordered list
ul - unordered list
li - list item
链接：
rel - relationship , REL属性用于定义链接的文件和HTML文档之间的关系。StyleSheet，的意思就是样式调用，REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。
pre - predefine, 即预定义的。 pre标签用于定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
表格 Tables:
<table>
<thead>
<tr>
<th>列名</th>
<tr>
</thead>
<tbody>
<tr>
<td>列值</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>脚部</td>
</tr>
</tfoot>
</table>
Lable:
--for作用是标签关联input，比如 <input id="aa"> <label for="aa">aa</label>,这时候点击这个标签input就会获得焦点
Input:
-- placeholder 是做提示用的，占位符，就是你一个输入框还没输入的时候，里面就实现是placeholder的内容
img
-- 图片
-- alt 属性，HTML标签中的alt标签用于显示图片的替换文本信息。alt标签应该是对图片的简短介绍，同时应该尽可能的包含当前网页的关键字。
----- 正确alt标签的要点是，采用包含关键词的一个简短句子，用来对图片进行准确描述。
----- 图片加alt提示文本有好什么好处呢？
----- 1、让搜索引擎蜘蛛了解图片的内容。
----- 2、让用户明白图片的意思。因为有很多时候，图片的含义用户不一定能够看得明白，加上alt可以提高用户体验。
----- 3、以防万一。有很多站长喜欢将图片独立放在其他的空间或者服务器上面，用其他的域名进行解析，方便管理图片资源，
----- 如果当存放图片的主机或者服务器遭到攻击或者出现宕机的状况，alt在一定程度上可以帮助用户阅读以及传达信息。
tabindex 属性
-- 定义和用法 -- tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。
-- 提示和注释 -- 注释：以下元素支持 tabindex 属性：<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。
-- <element tabindex="number"> 规定元素的 tab 键控制次序（1 是第一个）。
------------------------------------ BootStrap ------------------------------------
sr-only:
全称是 screen reader only，意为：（仅供）屏幕阅读器，这个 class 主要用于增强 accessbility（可访问性）。
有时候 UI 上会出现一些仅供视觉识别的元素，比如说“汉堡包菜单按钮”，只有视力正常的人才能清楚辨识这些元素的作用。而残障人士，比如弱势或盲人是不可能知道这些
视觉识别元素是什么的。他们上网使用的是屏幕阅读器，也就是 screen reader（sr），屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢？因此我们还要写上这些元素的文本说明，但是又不需要展示给普通用户看到，于是加上 sr-only 的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。
lable
-----control-label : Bootstrap默认情况下，control-label的文本采用右对齐方式。
