------------------------------------ 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的文本采用右对齐方式。