2010-03-09 49 views
1

哪種方法最好只顯示兩個鏈接,一個在另一個上?在內容頁面(而不是導航)。哪種方法最好只是垂直顯示2個鏈接?

這(雖然我不需要子彈)

<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> 
<ul> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
</ul> 

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

<p><a href="#">Link 2</a></p> 

或本

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

如果是列表,請使用列表。如果是段落,則使用段落。如果是單個段落,請使用單個段落。我想一個清單適合你的情況。子彈很容易風格。 – BalusC

+0

真的嗎? –

+0

@BalusC - 段落後有2個鏈接 –

回答

4

您不應該擔心用於表示目的的標記,這就是CSS的用途。所有上面給出的例子都可以很容易地按照你想要的樣式進行設計。你需要確定的內容是什麼內容並適當標記它。

請記住標記描述的內容。這是一個鏈接列表,在一個組中有意義嗎?然後使用列表,因爲該標記描述了相關事物的列表。這些鏈接是否與內容無關?那麼不要使用列表,因爲列表意味着相關性。

語義很難確定有時是由於它們的高度主觀性。儘管如此,您應該嘗試在語義上標記您的內容,然後使用CSS來滿足任何表示需求。

+0

這些是「相關頁面」的鏈接 –

+0

然後,在我看來,他們應該是一個列表。 –

+0

和我正在使屏幕閱讀器的兼容性也 –

2

語義,並且可以輕鬆的風格,我會去的第一個選項。

如果你不想要項目符號,只需在沒有它們的樣式LIlist-style-type:none)。

0

我想說

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


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

我會更喜歡列表標籤下的一個,對我來說這是很乾淨的代碼並容易在表格上的位置。

2

它完全取決於上下文,IMO。如果鏈接在菜單中,那麼我會使用無序列表方法。如果它們在邏輯上是分開的,那麼我會把它們放在自己的容器中。如果它們在邏輯上相關,但我只是希望它們在自己的路線上,我可能會使它們與CSS的塊元素相適應。通常我會避免BR標籤。

+1

是的,取決於上下文。 – BalusC