簡體   English   中英

html5:css樣式: <ul><li> 與 <p> 用於鏈接列

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

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM