[英]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.