[英]html5: css styling: <ul> <li> vs <p> for column of links
页脚中有4列链接,每列的宽度为25%。 每列的css样式相同(它们属于同一类)。 第一列如下所示:
第一栏标题
链接11
链接12
链接13
我认为可以使用<ul><li>
标记或<p>
标记来达到目标。 使用<ul>, <li>
或<p>
哪种方法更好?
问题的补充: PSI刚刚检查了链接http://www.w3schools.com/html5/tag_nav.asp ,他们使用<!DOCTYPE html>
(据我所知,html5),但是如果您检查它们的包装方式链接列(我的问题),他们只是使用<br/>
而不是<p>
或<li>
(请参阅左列的视图源)。 使用<br/>
是否比<ul><li>
或<p>
更好?
如果您想做到语义上正确,则可以根据内容编写html。 当您显示“链接列表”时,要使用“ ul”。
而且(作为奖励),如果您想使其兼容HTML5,请将列表包装在“ nav”标签中。
<nav>
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
</ul>
</nav>
您应该同时使用nav和ul标签来实现此目的。
<nav>
<h1>Title of Column 1</h1>
<ul>
<li>link11</li>
<li>link12</li>
<li>link13</li>
</ul>
</nav>
我认为最好使用列表,并通过CSS使ul none成为list-style-type。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.