HTML 5+Bootstrap学習ノート3


HTML5 aria-* and role
ariaとは、Accessible Rich Internet Applicationのこと.roleの役割は非標準的なtagの実際の役割を記述することであり、aria-*の役割は、可視化されたシナリオにおけるこのtagの具体的な情報を記述することである.たとえば
1 <div role="checkbox" aria-checked="checked"></div>

 
ARIAとは
WAI-ARIAとはバリアフリーWebアプリケーションのこと.主に視覚的欠陥、聴覚障害、行動が不便な障害者を対象としている.特に視覚障害者のように、目が見えない場合、Webページを閲覧するには、スクリーンリーダーなどの補助装置を借りて、スクリーンリーダーが大声で朗読したり、点字を出力したりする必要があります.
ARIAは、スクリーンリーダーがWebページの内容、変化、状態を正確に認識できる技術規範であり、視覚障害者のようなユーザーも障害なく読むことができます.
 
参考資料:
WAI-ARIAバリアフリーWebアプリケーション属性を完全に示すhttp://www.zhangxinxu.com/wordpress/2012/03/wai-aria-%E6%97%A0%E9%9A%9C%E7%A2%8D%E9%98%85%E8%AF%BB/
 Bootstrap navbar-brand navbar-nav navbar-right
1,
要素にタイトルclassを追加する.navbar-headerは、class navbar-brandを持つ内部包含要素由此,测试最大看到.1<div class="navbar-header"> 2 <a class="navbar-brand" href="#">W3Cschool</a> 3 </div> 2.在纳比赛车手上追加链接,简单地追加class就行了。nav、.navbar-nav的无秩序名单可以.1 <ul class="nav navbar-nav"> 2 <li class="active"><a href="#">iOS</a></li> 3 <li><a href="#">SVN</a></li> 4 <li class="dropdown"> 5 <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 6 Java 7 <b class="caret"></b> 8 </a> 9 <ul class="dropdown-menu"> 10 <li><a href="#">jmeter</a></li> 11 <li><a href="#">EJB</a></li> 12 <li><a href="#">Jasper Report</a></li> 13 <li class="divider"></li> 14<li><a href="#">分離リンク</a></li> 15 <li class="divider"></li> 16<li><a href="#">別の分離リンク</a></li> 17 </ul> 18 </li> 19</ul>3,使用优质class.navbar-leftまたは.navbar-right是纳比赛车手的纳比赛车链、福姆、博坦、或者左或右边齐齐了泰基斯特的便利网.哪个class也向指定的方向追加CSS框架.1 <ul class="nav navbar-nav navbar-right"> 2 <li class="dropdown"> 3 <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 4 Java <b class="caret"></b> 5 </a> 6 <ul class="dropdown-menu"> 7 <li><a href="#">jmeter</a></li> 8 <li><a href="#">EJB</a></li> 9 <li><a href="#">Jasper Report</a></li> 10 <li class="divider"></li> 11<li><a href="#">分離リンク</a></li> 12 <li class="divider"></li> 13<li><a href="#">別の分離リンク</a></li> 14 </ul> 15 </li> 16</ul>参考资料:Bootstrapナビゲーションバーhttp://www.w3cschool.cc/bootstrap/bootstrap-navbar.html