1

哪种方法更适合仅垂直显示 2 个链接，一个接一个？在内容页面中（不作为导航）。

这个（虽然我不需要子弹）

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<ul>
   <li><a href="#">Link 1</a></li>
   <li><a href="#">Link 2</a></li>
</ul>

这

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<p><a href="#">Link 1</a></p>

<p><a href="#">Link 2</a></p>

或这个

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<p> <a href="#">Link 1</a> 
    <br />
   <a href="#">Link 2</a>
</p>
4

5 回答 5

4

您不应该担心将什么标记用于演示目的，这就是 CSS 的用途。您在上面给出的所有示例都可以轻松设置为您想要的样式。您需要确定的是内容是什么并适当地标记它。

请记住，标记描述了内容。这是在组中有意义的链接列表吗？然后使用列表，因为该标记描述了相关事物的列表。链接内容是否不相关？然后不要使用列表，因为列表意味着相关性。

语义有时很难确定，因为它们具有高度的主观性。话虽这么说，但您确实应该尝试在语义上标记您的内容，然后使用 CSS 来满足任何展示需求。

于 2010-03-09T13:32:03.763 回答
2

从语义上讲，为了更容易设计，我会选择第一个选项。

如果您不想要项目符号，只需设置LI没有它们的样式 ( list-style-type:none)。

于 2010-03-09T13:29:34.333 回答
2

这完全取决于上下文，IMO。如果链接在菜单中，那么我将使用无序列表方法。如果它们在逻辑上是分开的，那么我会将它们各自放在自己的容器中。如果它们在逻辑上是相关的，但我只希望它们在自己的行中，我可能会使用 CSS 将它们制作成块元素，样式适当。通常我会避免使用 BR 标签。

于 2010-03-09T13:31:04.330 回答
0

我会说

<ul style="list-style-type: none">
   <li><a href="#">Link 1</a></li>


   <li><a href="#">Link 2</a></li>
</ul>
于 2010-03-09T13:30:51.927 回答
0

我更喜欢列表标签下的那个，对我来说，它的代码更简洁，并且易于在表单上定位。

于 2010-03-09T13:30:58.280 回答