HTML5:CSS 样式: <ul> <li> VS <p> 用于链接列



页脚中有4列链接,每列的宽度为25%。每个列的css样式都是相同的(它们属于同一个类)。第一列看起来像:

第1列的标题

link11

链接12

link13

我认为使用<ul><li>标签或<p>标签来达到目标是可能的。使用<ul>, <li><p>,哪种方式更好?

添加到问题中:P.S.我刚刚检查了链接http://www.w3schools.com/html5/tag_nav.asp,他们使用<!DOCTYPE html>(据我所知,html5),但如果你检查他们如何包装链接e的列(我的问题),他们只使用<br/>而不是<p><li>(请参阅左列的视图源)。使用<br/>是否比使用<ul><li><p>更好?

如果你想做到语义正确,你可以根据你的内容编写html。当您显示"链接列表"时,使用"ul"即可。

(作为奖励)如果你想让它在使用时符合HTML5,可以用"nav"标签包装列表。

<nav>
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
</ul>
</nav>

您应该同时使用nav和ul标签来实现这一点。

<nav>
    <h1>Title of Column 1</h1>
    <ul>
        <li>link11</li>
        <li>link12</li>
        <li>link13</li>
    </ul>
</nav>

我认为最好使用列表,并通过css使列表样式类型为ul-none。

最新更新