HTML 5+Bootstrap学習ノート3
3726 ワード
HTML5 aria-* and role
ariaとは、Accessible Rich Internet Applicationのこと.roleの役割は非標準的なtagの実際の役割を記述することであり、aria-*の役割は、可視化されたシナリオにおけるこのtagの具体的な情報を記述することである.たとえば
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,
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