tra*_*max 5 html5 mobile-application jquery-mobile
我正在使用HTML5和jQuery mobile进行移动Web应用程序. HTML5 Mobile Boilerplate建议:
<body>
<div id="container">
<header>
</header>
<div id="main" role="main">
</div>
<footer>
</footer>
</div> <!--! end of #container -->
</body>
在jQuery Mobile的(见"将其组合在一起:基本单一的页面模板") ,建议
<body>
<div data-role="page">
<div data-role="header"></div>
<div data-role="content"></div>
<div data-role="footer"></div>
</div>
</body>
哪种方式更可取？<header>和之间有什么区别data-role="header"？
我确实尝试使用谷歌搜索,但到目前为止没有答案.
这些data-*属性用于为您网站上的脚本提供信息.除了向您的脚本提供数据之外,它们没有更广泛的语义用途,它只意味着您网站页面中的内容.
该<header>元素是HTML5元素,其定义为HTML5规范中的 "一组介绍性或导航帮助" .它在所有HTML文档中都是一样的.
您应该使用header,为目标受众提供支持HTML5的浏览器,并且您要标记的是标题.您还可以使用以下data-*属性:
<header data-role="header"></header>
jQuery mobile对于使用哪些元素应该没有任何区别.
| 归档时间： |
|
| 查看次数： |
14172 次 |
| 最近记录： |