Question

首选哪种方法只显示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>

Answer 1

你不应该担心用于表示目的的标记，这就是CSS的用途。您上面提供的所有示例都可以轻松设置为您想要的样式。您需要确定的内容是，并对其进行适当的标记。

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

语义很难确定，因为它们具有高度的主观性。尽管如此，你应该尝试在语义上标记你的内容，然后使用CSS来满足任何表达需求。

Answer 2

从语义上讲，为了便于样式设计，我会选择第一个选项。

如果您不想要子弹点，只需设置LI没有它们的样式（list-style-type:none）。

Answer 3

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

Answer 4

我会说

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


   <li><a href="#">Link 2</a></li>
</ul>

Answer 5

我更喜欢list标签下的那个，对我而言，它更清晰，更容易在表单上定位。

首选哪种方法只是垂直显示2个链接？

5 个答案: