哪种方法最好只显示2个链接垂直？

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

这完全取决于上下文，IMO。如果链接是一个菜单，然后我会使用无序列表的方法。如果它们是逻辑上分离，然后我把他们各自在自己的容器中。如果它们在逻辑上是相关的，但我只是希望他们对自己的线，我可能会使其阻止与CSS元素，适当的风格。典型地，我会避免了BR代码。

Answer 3

语义，并且可以轻松的风格，我会去的第一个选项。

如果你不想要点，只是风格的LI没有他们（list-style-type:none）。

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

我会更喜欢列表标签下的一个，对我来说这是很干净的代码并容易在表格上的位置。