2008-09-03 28 views
19

我將公司的日曆轉換爲XSL,並將所有表格更改爲div。它工作得很好,但由於不穩定的跨瀏覽器間距問題,我每週都有很多8天的錯誤需要解決。但是我正在閱讀另一篇關於何時使用表格v。divs的文章,並且共識似乎是,您應該只使用div在網頁各部分之間進行真正的分割,並且僅爲表格數據使用表格。如果你使用HTML編程日曆,你會使用Table標籤還是Div標籤?

我不確定我甚至可以使用XSL表格,但我想跟進關於Divs和Tables的討論,討論製作網絡日曆的理想方式,也可能是兩者的結合。

回答

7

我會說日曆是一張表,因此使表格成爲其表示的正確標記。

編輯:Definition 11 for "table"從answers.com說:

數據的有序排列,特別是在其中的一箇中的數據在一個基本上矩形的形式排列在列和行。

31

日曆是使用表格的理由!日曆固有地呈現表格數據,HTML表格擅長呈現表格數據。而HTML表格標記提供了將CSS選擇器與表格的各個部分關聯起來所需的幾乎所有CSS鉤子。

我都是使用DIV進行佈局 - 但堅持使用表格來表格數據。

下面是關於如何打扮表與CSS涼爽的文章: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs

1

表是用於顯示錶格數據。所以我會說<table>是理想的。

3

我認爲這是使用表格的情況。使用div時最大的問題是每個日子的盒子高度。如果您使用邊框爲每個框設計風格,則可以關注一天內容是否比另一個更長。額外的標記使它看起來不錯,比用桌子創建它還要多,所以我不認爲div在這種情況下值得額外的努力。

1

使用表格很有意義,但如果您要查看Google Calender,它們似乎使用了div標籤。使用div標籤可能會降低文件大小,因此在企業環境中,它可能是值得的'麻煩'。

1

在桌子上做它。

也不要把它當作「divs vs. tables」把它想象成表格與具有意義的適當的語義標籤。當我編寫頁面時,我嘗試儘可能少地使用div,在很多情況下,您可以使用段落,列表項等。

+0

其實,我喜歡用泛型div;我使用`class`屬性來說明它是什麼類型的東西。 – 2009-05-23 09:24:27

1

您也可以考慮有序列表(星期)天),或者只是一個有序列表(天)。

還有others誰同意the list approacha good one

Others prefer tables

+0

爲'名單的方法',那傢伙說永遠不會使用該代碼... 我其實做了類似於我們的辦公日曆的東西,沒有人喜歡它,所以我把它作爲年份日曆,並使用表格製作月份日曆。 – 2008-09-22 04:26:13

1

在其他地方提出相同的問題後,剛剛遇到此線程。雖然我完全同意日曆更多是表格數據的表示形式,但我認爲在多產的「它取決於」的答案中是有道理的。例如,我想在日曆中的每一天被隱藏起來時顯示一個浮動DIV彈出窗口。使用表格時,當光標在日曆上移動時,彈出窗口會閃爍,因爲彈出窗口僅在單元格邊框和單元格本身的日期編號處於活動狀態。使用DIV,光標懸停在日曆單元格上的整個過程都是穩定的(無閃爍)。