使用节、页眉和页脚标签代替数据角色

Jon Reid 在他的 jQuery Mobile 书中提出了使用 html5 标签的好主意：

<section data-role="page">
<header data-role="header">
<nav data-role="navbar">
<div data-role="content">
<footer data-role="footer">

问：如果我使用节、页眉和页脚标签，是否可以去掉 data-role="page"、"header"、"nav"、"footer" ？ 也许我可以在 jQuery Mobile 加载之前加入一些 js 的优点。

理论上，如果我在加载 jQuery Mobile 之前添加它，它会起作用：

$('header').attr('data-role','header');

嗯...应用此属性后我可能必须刷新元素。 或者触发一个create方法。

我在 jQuery Mobile JavaScript 之前执行此操作：

$('section').attr('data-role','page');
$('article').attr('data-role','content');
$('header').attr('data-role','header');
$('nav').attr('data-role','navbar');
$('aside').addClass('ui-li-aside');
$('ul').not('nav > ul').not('.nolst').attr('data-role','listview').attr('data-inset','true');
$('ol').not('nav > ol').attr('data-role','listview').attr('data-inset','true');;
$('a').not('li > a').not('.nobtn').attr('data-role','button');
$('footer').attr('data-role','footer');