HTML5 aria-* and role

aria是指Accessible Rich Internet Application。role的作用是描述一个非标准的tag的实际作用，而aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如

1 
     

 

什么是ARIA：

WAI-ARIA指无障碍网页应用。主要针对的是视觉缺陷，失聪，行动不便的残疾人。尤其像盲人，眼睛看不到，其浏览网页则需要借助辅助设备，如屏幕阅读器，屏幕阅读机可以大声朗读或者输出盲文。

而ARIA就是可以让屏幕阅读器准确识别网页中的内容，变化，状态的技术规范，可以让盲人这类用户也能无障碍阅读！

 

参考资料：

WAI-ARIA无障碍网页应用属性完全展示 

---

 Bootstrap navbar-brand navbar-nav navbar-right

1，向 <div> 元素添加一个标题 class .navbar-header，内部包含了带有 class navbar-brand 的 <a> 元素。这会让文本看起来更大一号。

1 
     
      2     
      W3Cschool3 
     

2，为了向导航栏添加链接，只需要简单地添加带有 class .nav、.navbar-nav 的无序列表即可。

1 
     
       2     
      
iOS
 3     
      
SVN
 4     
      
 5          6         Java  7          8          9         
       
        10             
        
jmeter
11             
        
EJB
12             
        
Jasper Report
13             
        
14             
        
分离的链接
15             
        
16             
        
另一个分离的链接
17         
       
18     
19 
     

3，使用实用工具 class .navbar-left 或 .navbar-right 向左或向右对齐导航栏中的 导航链接、表单、按钮或文本 这些组件。这两个 class 都会在指定的方向上添加 CSS 浮动。

1 
     
       2     
      
 3          4         Java  5          6         
       
         7             
        
jmeter
 8             
        
EJB
 9             
        
Jasper Report
10             
        
11             
        
分离的链接
12             
        
13             
        
另一个分离的链接
14         
       
15     
16 
     

参考资料：

Bootstrap 导航栏