Bootstrap中的属性 aria-hidden、sr-only、aria-labe、alert组件介绍

【bootstrap】介绍bootstrap中的css样式的sr-only、aria-hidden、aria-labe、alert组件等的 含义及用途

看了两天的bootstrap，发现这就是一个前端的框架，让你做网站的时候套着用，看了看中文官网，bootstrap中文网 分为4个部分：

1. 起步
2. 全局css样式
3. 组件
4. javascript插件

这几个内容，前两部分看看文档 ，会用就行， 不会的话就跟着敲。 在看全局CSS样式时 有几个属性 需要注意一下~~~~~~~~~·~

-----------------------------分割线------------------------------------------------------

介绍一下 class=“sr-only” 、aria-hidden=“true”、aria-label=“Left Align”、alert组件 分别什么意思

1. 其中 class="sr-only" 意思为：

• 全称是 screen reader only，意为：仅供屏幕阅读器，这个 class 主要用于增强 accessbility（可访问性）。
• 有时候 UI 上会出现一些仅供眼睛能看到的元素，只有视力正常的人才能清楚辨识这些元素的作用。
• 而残障人士，不知道这些视觉识别元素是什么。他们上网使用的是屏幕阅读器，也就是 screen reader（sr），所以有了这个
  sr，屏幕阅读器就能找到辨识的文本说明，然后读出来给用户听。

一句话总结：sr-only 就在于能让残障人士能获取 且不会影响 UI 的视觉呈现

2. aria-hidden="true" 比如图标

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
用途： 失明的人使用识读设备（自动读取内容并自动播放出来），播放到此属性的内容时会自动跳过，以免残障人士混淆！

3. aria-label="Left Align"
   如果组件不包含任何文本内容（例如， 内只包含了一个图标），应当添加 aria-label 属性来表示这个控件的意图，这样就能让使用残障人士的辅助设备知道这不是文本。
4. alert 组件:
   组件所包含的图标是用来表示这是一条错误消息的，通过添加额外的 .sr-only 文本就可以让辅助设备知道这条提示所要表达的意思。
   <div class="alert alert-danger" role="alert"></div>

————————————————
暂时先写到这吧，慢慢再补充哈哈，如果有什么建议的话也可以下方评论哦