html5 article标签举例
2015-10-08 09:52
741 查看
<article> 是html5中引入的新标签可以实现正向反向列表排序功能
使用以前的html4进行列表排序,可以使用下列形式
<h1>Top Three Teams</h1>
<ol>
<li value="3">Third Place</li>
<li value="2">Runner Up</li>
<li value="1">Top Team</li>
</ol>
其网页显示形式如下
然而使用html5的article标签进行排序将变得更加方便灵活,源码如下
<article>
<h1>Top Three Teams</h1>
<ol reversed="reversed">
<li >Third Place</li>
<li >Runner Up</li>
<li >Top Team</li>
</ol>
</article>
通过reversed属性来实现正向或反向排序
显示效果如下
使用以前的html4进行列表排序,可以使用下列形式
<h1>Top Three Teams</h1>
<ol>
<li value="3">Third Place</li>
<li value="2">Runner Up</li>
<li value="1">Top Team</li>
</ol>
其网页显示形式如下
然而使用html5的article标签进行排序将变得更加方便灵活,源码如下
<article>
<h1>Top Three Teams</h1>
<ol reversed="reversed">
<li >Third Place</li>
<li >Runner Up</li>
<li >Top Team</li>
</ol>
</article>
通过reversed属性来实现正向或反向排序
显示效果如下
相关文章推荐
- H5 性能调优 工具
- 视频播放研究
- HTML5WebSocket实现点对点聊天
- html5 canvas做的俄罗斯方块
- html5 canvas 做的一个时钟效果
- 【转】HTML5 基础知识,第 4 部分: 最后的完善
- HTML5学习之css3.0
- HTML5移动Web开发(十)——在浏览器中启动手机原生应用
- HTML5 canvas画图
- 学习HTML5游戏开发的几个重要内容
- html5知识总结
- Modernizr——为HTML5和CSS3而生
- HTML5 canvas画图
- HTML5学习之四:多媒体播放
- HTML5:使用Canvas和Input range控件放大缩小图片
- 认识HTML5的WebSocket
- HTML5 canvas画图
- HTML5移动Web开发(九)——优化浏览器视口宽度设置
- HTML5(常用的表单控件)
- HTML5移动Web开发(八)——避免文本字体大小重置