在HTML5中，文章列表页用什么标签最科学

在HTML5中新增的标签

一般建议使用如下代码，做文章列表

<dl>

    <dt>列表标题</dt>

    <dd>文章标题</dd>

    <dd>文章标题</dd>

    <dd>文章标题</dd>

    <dd>文章标题</dd>

</dl>

也可以用平时常用的如下代码

<ul>

  <li>列表项一</li>

  <li>列表项二</li>

  <li>列表项三</li>

  <li>列表项四</li>

  <li>列表项五</li>

</ul>

定义导航链接<nav></nav>

它也是有意义的标签，并不是在某处加上这个标签就有了导航的样式了，这都是有意义的div而已，在头部header中加入菜单标签<nav>，nav标签可以和<ul><li>标签合用

定义文章标签<article></article>

可以使用文章块标签进行写文章，这就使用这个标签进行写文章在section部分，可以和<h1><p>合用

定义媒介内容的分组，以及它们的标题<figure>

A。这个标签可以和它的配套标签联合使用<figcaption>，不过<figcaption></figcaption>中间写标题

B。还可以和<dt><dd>联合使用，其中<dt></dt>是写标题，而<dd>写内容，显示的效果和配套使用的效果也有差异

定义对话框或窗口<dialog>

在这个标签中也是可以使用dd和dt标签，对话框中的标题和内容，对话框有个属性是open，这个标签的兼容性不是很好

定义命令的列表或菜单<menu>

A。这个标签可以和li合用

B。可以给右键单击中添加自己的内容（只有火狐浏览器可以兼容）

联合（定义用户可以从d出菜单调用的命令/菜单项目）<menuitem>标签使用

标题组<hgroup>

里面可以写一些标题的结合<h3>合用

定义小号文本<small>

这个标签和其他的加粗什么的标签其实是差不多的

定义元素的细节<details>

里面的内容可以配合标题和内容标签来使用

定义 ruby 注释<ruby>

碰到不认识的字了可以使用这个进行注释拼音，但是有的兼容性不是很好，到时候可以进行修改

定义预定义范围内的度量<meter>

有几个属性值，min="" max="" value="" low="" high=""，其中low和high是范围，当value范围超了话就会显示不同的效果

进度条的标签<progress>最大值就是进度条的长度就行，value值就是显示的进度，用它可以进行动态的进度条

---