Question

页脚中有4列链接，宽度分别为25％。每列的css样式是相同的（它们属于同一个类）。第一列看起来像：

第1栏的标题

LINK11

link12

link13

我认为可以使用<ul><li>代码或代码来达到目标。哪种方式更好，使用<ul>, <li>或？

添加到问题： PSI刚刚检查了链接http://www.w3schools.com/html5/tag_nav.asp，他们使用<!DOCTYPE html>（据我所知，html5），但如果你检查它们如何包装linke的列（我的问题），他们只使用{{ 1}}而不是 或（请参阅左栏的视图来源）。使用<li>的效果是否优于 或<ul><li>？

Answer 1

如果你想在语义上做正确的话，你可以根据你的内容编写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>

Answer 2

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

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

Answer 3

我认为最好使用一个列表并通过css制作ul none的list-style-type。

html5：css样式：<ul> <li> vs <p>用于链接列</p> </li> </ul>

3 个答案: