jquery-mobile – jQuery Mobile 1.4中使用的role =“main”是什么?

前端之家收集整理的这篇文章主要介绍了jquery-mobile – jQuery Mobile 1.4中使用的role =“main”是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery Mobile 1.4已经改变 @H_502_2@<div data-role="content">...</div>

@H_502_2@<div role="main" class="ui-content">...</div>

我理解现在使用类而不是数据角色的目的,但我不明白的是这个角色=“主”.它是干什么用的?

解决方法

角色属性是HTML5的原生属性,旨在支持WAI-ARIA.
http://www.w3.org/TR/html5/dom.html#wai-ariahttp://www.w3.org/TR/wai-aria/roles#role_definitions

早期版本中的jQuery Mobile简单地将具有属性data-role =“content”的元素转换为主元素< div role =“main”> (相当于< main>)并添加了CSS.所以你得到< div role =“main”class =“ui-content”> .

对于data-role =“content”的元素,没有其他处理或添加标记.通过弃用data-role =“content”属性并使用直接使用正确的HTML5(CSS和WAI-ARIA角色),jQuery Mobile将不得不为每个页面执行更少的处理.

猜你在找的jQuery相关文章