Css 哪种方法更适合垂直显示2个链接?

Css 哪种方法更适合垂直显示2个链接?,css,xhtml,accessibility,semantic-markup,Css,Xhtml,Accessibility,Semantic Markup,哪种方法更适合垂直显示两个链接,一个链接一个链接?在内容页中(不作为导航) 这个(虽然我不需要子弹) Lorem Ipsum只是印刷和排版行业的虚拟文本。 自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本, 当一个不知名的印刷商拿着一个铅字厨房,把它弄得乱七八糟的时候 打印样本簿。 这个 Lorem Ipsum只是印刷和排版行业的虚拟文本。 自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本, 当一个不知名的印刷商拿着一个铅字厨房,把它弄得乱七八糟的时候

哪种方法更适合垂直显示两个链接,一个链接一个链接?在内容页中(不作为导航)

这个(虽然我不需要子弹)


Lorem Ipsum只是印刷和排版行业的虚拟文本。
自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,
当一个不知名的印刷商拿着一个铅字厨房,把它弄得乱七八糟的时候
打印样本簿。

这个


Lorem Ipsum只是印刷和排版行业的虚拟文本。
自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,
当一个不知名的印刷商拿着一个铅字厨房,把它弄得乱七八糟的时候
打印样本簿。

还是这个

<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>

Lorem Ipsum只是印刷和排版行业的虚拟文本。
自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,
当一个不知名的印刷商拿着一个铅字厨房,把它弄得乱七八糟的时候
打印样本簿。



从语义上讲,为了更简单地设计样式,我选择第一个选项


如果您不想要项目符号,只需在没有项目符号的情况下设置
LI
列表样式类型:none
)。

从语义上来说,为了简化样式设置,我会选择第一个选项

如果您不想要要点,只需在没有它们的情况下设置
LI
列表样式类型:none
)。

我会说

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


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

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


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

我更喜欢列表标签下的一个,对我来说,它的代码更清晰,更容易在表单上定位。

我更喜欢列表标签下的一个,对我来说,它的代码更清晰,更容易在表单上定位。

我认为,这完全取决于上下文。如果链接在菜单中,那么我会使用无序列表方法。如果它们在逻辑上是分开的,那么我会将它们分别放在各自的容器中。如果它们在逻辑上是相关的,但我只希望它们在自己的行中,我可能会让它们使用CSS来阻止元素,并适当地设置样式。通常我会避免使用BR标签。

我认为这完全取决于上下文。如果链接在菜单中,那么我会使用无序列表方法。如果它们在逻辑上是分开的,那么我会将它们分别放在各自的容器中。如果它们在逻辑上是相关的,但我只希望它们在自己的行中,我可能会让它们使用CSS来阻止元素,并适当地设置样式。通常我会避免使用BR标记。

您不应该担心用于表示目的的标记,这就是CSS的用途。您上面给出的所有示例都可以轻松地设置样式,使其看起来像您想要的那样。您需要确定的是内容是什么,并对其进行适当的标记

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


语义有时很难确定,因为它们具有高度的主观性。尽管如此,您还是应该尝试在语义上标记您的内容,然后使用CSS满足任何表示需要。

您不应该担心用于表示目的的标记,这就是CSS的用途。您上面给出的所有示例都可以轻松地设置样式,使其看起来像您想要的那样。您需要确定的是内容是什么,并对其进行适当的标记

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


语义有时很难确定,因为它们具有高度的主观性。尽管如此,您还是应该尝试在语义上标记您的内容,然后使用CSS满足任何表示需要。

如果是列表,请使用列表。如果是段落,请使用段落。如果是单个段落,请使用单个段落。我想一份清单适合你的情况。项目符号很容易改变样式。@BalusC-这是段落后的两个链接是的,你已经说过了。你没有告诉我背景。内容代表什么?这些链接代表什么?这些链接与内容有什么关系?阅读答案并再次思考。祝你好运。从你的例子中,我会选择第一个(因为它看起来更具描述性。后面的例子似乎是为了达到与{code>a{display:block;}完全相同的结果而添加标记)。如果是列表,请使用列表。如果是段落,请使用段落。如果是单个段落,请使用单个段落。我想列表适合您的情况。项目符号很容易改变样式。@BalusC-这是段落后的两个链接是的,您已经说过了。您没有讲述上下文。内容代表什么?没有什么软管链接代表什么?这些链接与内容有什么关系?请阅读答案并再次思考。祝你好运。从你的示例中,我会选择第一个(因为它似乎更具描述性。后面的示例似乎是为了获得与
a{display:block;}完全相同的结果而添加标记
。在我看来,这些是“相关页面”的链接,它们应该是一个列表。在我看来,这些是“相关页面”的链接,它们应该是一个列表。
<ul style="list-style-type: none">
   <li><a href="#">Link 1</a></li>


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