HTML5 data-role、data-theme

最新推荐文章于 2024-01-26 15:08:44 发布

VIP文章 iteye_7728

最新推荐文章于 2024-01-26 15:08:44 发布

阅读量5.9k

点赞数 1

分类专栏：网络收藏文章标签： HTML5 data-role data-theme

本文链接：https://blog.csdn.net/iteye_7728/article/details/82509585

版权

可能大家在使用jquery mobile时，经常会看到data-role、data-theme等的使用，这些都是HTML5自定义属性,本文整理一些，需要的朋友可以参考下

<div data-role="header">
<h1>我是标题</h1>
</div>

通过手机浏览，效果如下：

为什么写一个data-role="header"就能实现底部为黑色、文字居中显示的效果呢？

本文提供一种最简单的实现办法，让大家对这些用法有个直观的了解。

我们写一个html页面，自定义一个data-chb="header"的属性，希望具备这个属性的div区域背景颜色为黑色，文字为白色，居中显示；不具备data-chb自定义属性的div按照默认方式显示，html代码如下：

<body>
<div data-chb="header">
<h1>我是使用了data-chb自定义属性的div</h1>
</div>
<br/>
<div>
我没有使用data-chb自定义属性，该怎么展现就怎么展现；

优惠劵

关注关注