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>