2009-06-29 59 views
1

在嘗試用無序列表UL和我似乎VARIOS到位的div使用它們的例子..使用UL代替DIVS - 建議使用哪一種?

所以IA有點糊塗了,什麼時候應該使用的div和UL ..

例如,如果我有一個三欄佈局,然後我猜我用div的這裏,雖然我可以在右邊欄我有很多格式的做用UL

而且,當時的想法是將帶有的div的div中的div ...

任何人都可以指出何時使用另一個,並有瀏覽器兼容性問題是什麼?

我見過一些網站說ULs比divs更乾淨,但是這種情況?

也有人說你可以用UL和LI建立一個完整的佈局,但你永遠不會這麼做 - 爲什麼?

我想你會看到我要去的地方,我只是對什麼時候使用另一個感到困惑。

一個例子是,在我的第三欄(右) - 它的一個div,但裏面我需要把一個圓形的BOX,所以我想把更多的div在這個角落圖像?

任何幫助將非常感謝

回答

2

UL代表無序列表。將它用於訂單無關的項目列表。

DIV代表部門。用它來分組項目。

ULs比divs更乾淨--- IF你正在做一個列表。菜單大多是鏈接列表。一個畫廊有一個圖像列表。論壇有一個消息列表和一個用戶列表。

RE:圓角:有HTML,有更多語義 HTML。你可以使用<div>做任何事情,你幾乎沒有注意到任何區別,但使用正確的元素會讓你更容易理解(當你將設計放在一起時,屏幕刮板試圖在頁面中找到合適的項目,以及用於識別內容片段和導航元素的足夠智能的搜索引擎)。所以,爲了做圓角,你應該考慮一個角落值得擁有自己的無內容div(可惜,由於今天的渲染引擎,它確實),或者如果你可以使用更好的解決方案(也就是說,如果邊欄是固定大小,則可以通過單個背景來獲得;如果需要在一個維度上擴展,則可以使用兩個:頂部對齊的天花板和底部對齊的底部「移動「div(理論上你可以通過修改div的底部元素來避免多餘的div))。

2

UL是列表元素。所以如果你有一組列表的項目,你可以使用UL。一個很好的例子是一組菜單選項 - 這些與UL一樣好。

1

個人來說,我使用的div和跨越佈局最多的地方,而UL的用於鏈接,菜單項,縮略圖列表等

2

<DIV>就是要由格式化塊元素CSS。 <UL>有額外的語義財產;它告訴瀏覽器你的上市東西。這對於屏幕閱讀器,純文本瀏覽器等可能很重要。

0

當他們所定義的元素在語義上等同於列表(例如導航欄或內容頁)時,人們傾向於使用UL而不是DIV,特別是在內容的長度可能改變的情況下(當您稍後編輯列表時)。實際上,沒有太大區別,儘管屏幕閱讀器和其他可訪問的技術如果列表與其他一些div相比可能更容易閱讀導航欄。

0

他們甚至不接近相同。一個DIV就像你可以到達一個「乾淨」的元素一樣近,這意味着一個DIV不會帶來很多包袱:填充,邊距等。爲了說明,DIV在Firefox中的作用與它的作用相同在IE中。但是UL(特別是LI兒童)有不同的填充量和不同的行爲。試着讓LI元素中的子彈看起來一樣,你會看到我在說什麼。

有LI元素的UL是有益的,並且這裏沒有提到的一件事是製作一個包裹「breadcrumb」蹤跡。您必須將元素設置爲以內聯方式顯示,但這是一種廉價而簡單的方法,可以在不移動一堆div的情況下獲得水平流動的框。但即使在這裏,不同瀏覽器的里程數也不盡相同。我猜想,警察建造者。