什么是jQuery Mobile 1.4中使用的role =“main”？

Question

jQuery Mobile 1.4已更改

<div data-role="content">...</div>

到

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

我理解现在使用类而不是数据角色的目的，但我不明白的是这个角色=“主”。它用于什么？

Answer 1

role属性是HTML5的原生属性，旨在支持WAI-ARIA 请参阅http://www.w3.org/TR/html5/dom.html#wai-aria和http://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将不得不为每个页面执行更少的处理。