html5 article标签举例
<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属性来实现正向或反向排序
显示效果如下
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步