可能重複:
Why not use tables for layout in HTML?什麼時候應該使用表格,divs或uls?
什麼時候應該使用<table>
,<div>
或<ul>
?
每一個的主要優點和缺點是什麼?
可能重複:
Why not use tables for layout in HTML?什麼時候應該使用表格,divs或uls?
什麼時候應該使用<table>
,<div>
或<ul>
?
每一個的主要優點和缺點是什麼?
始終嘗試使用每個標籤根據其語義特徵
<table>
表是對錶格數據,而不是佈局走<ul>
是無序列表,這是不錯的使用<ul>
標記爲<a>
鏈接,因爲沒有CSS後備的<div>
div有沒有語義,主要用於校準,但是HTML5帶來了許多新的標籤,<header>
,<footer>
,<article>
,<section>
,<aside>
應該使用insted的div標籤的這是一個辯論的問題,我只在這裏提出我個人的觀點:
我認爲你應該只在需要顯示錶格數據時才使用表格。
不使用表格進行定位/佈局;使用div和css。
有關更多詳細信息,請參閱this question。
從語義上講,應該爲表格數據使用表格,無序列表的無序列表以及沒有語義定義的元素可用的分區。但是,有解釋的餘地。例如,一些開發人員將導航菜單視爲無序列表,因此使用無序列表標記(可能是大量樣式)。
除了HTML4以外,還存在普遍缺乏語義元素的情況,因此開發人員覺得需要重新使用分區。然而,HTML5引入了一系列塊級語義元素,它們定義了文檔結構,並且具有比分區更多的意義,儘管它們應該表現相同。這些新標籤包括文章,部分,頁腳,導航,旁邊和標題。
將導航菜單設置爲UL(http://html5doctor.com/nav-element/)時,也可以使用Html5 nav元素。另外div的使用由於增加了新的語義「分隔線」而減少了,例如section,article等。 – Cargowire 2011-05-21 13:34:05
這是真的;謝謝。我會添加一些關於你對我的回答所說的信息。 – 2011-05-21 13:37:13
Duplidate的http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html – BalusC 2011-05-21 13:30:20
@Diogo你明顯醉了這一個。 – 2012-09-05 09:33:50