為什么不在HTML中使用表格進(jìn)行布局似乎普遍認(rèn)為表不應(yīng)該用于HTML中的布局。為什么？我從來(lái)沒(méi)有（或很少誠(chéng)實(shí)地）看到這方面的好論據(jù)。通常的答案是：將內(nèi)容與布局分開(kāi)是件好事但這是一個(gè)錯(cuò)誤的論點(diǎn); 陳詞濫調(diào)。我想使用表格元素進(jìn)行布局與表格數(shù)據(jù)幾乎沒(méi)有關(guān)系。所以呢？我的老板在乎嗎？我的用戶在乎嗎？也許我或我的開(kāi)發(fā)人員必須維護(hù)一個(gè)網(wǎng)頁(yè)關(guān)注......一個(gè)表不易維護(hù)嗎？我認(rèn)為使用表比使用div和CSS 更容易。順便說(shuō)一下...為什么使用div或span將內(nèi)容與布局和表格分開(kāi)？只使用div來(lái)獲得一個(gè)好的布局通常需要很多嵌套的div。代碼的可讀性我認(rèn)為這是另一種方式。大多數(shù)人都懂HTML，很少有人理解CSS。SEO最好不要使用表格為什么？任何人都可以證明它是有證據(jù)的嗎？或谷歌發(fā)表的聲明表示，從SEO的角度來(lái)看，表格是不受歡迎的？表格較慢。必須插入額外的tbody元素。這是現(xiàn)代網(wǎng)絡(luò)瀏覽器的花生。向我展示一些基準(zhǔn)，其中使用表會(huì)顯著減慢頁(yè)面的速度。如果沒(méi)有桌子，布局檢修會(huì)更容易，請(qǐng)參閱css Zen Garden。大多數(shù)需要升級(jí)的網(wǎng)站也需要新內(nèi)容（HTML）。新版本的網(wǎng)站只需要一個(gè)新的CSS文件的場(chǎng)景不太可能。Zen Garden是一個(gè)不錯(cuò)的網(wǎng)站，但有點(diǎn)理論上。更不用說(shuō)它濫用 CSS了。我真的對(duì)使用divs + CSS而不是表格的好參數(shù)感興趣。
5 回答
慕桂英546537
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊
這是我的程序員從一個(gè)simliar線程的回答
語(yǔ)義101
首先來(lái)看看這段代碼，然后想一想這里有什么問(wèn)題......
class car {
int wheels = 4;
string engine;}car mybike = new car();mybike.wheels = 2;mybike.engine = null;當(dāng)然，問(wèn)題在于自行車不是汽車。汽車類對(duì)于自行車實(shí)例來(lái)說(shuō)是不合適的類。代碼沒(méi)有錯(cuò)誤，但在語(yǔ)義上是不正確的。它反映了程序員的糟糕表現(xiàn)。
語(yǔ)義102
現(xiàn)在將此應(yīng)用于文檔標(biāo)記。如果您的文檔需要提供表格數(shù)據(jù)，那么適當(dāng)?shù)臉?biāo)記就是<table>。但是，如果將導(dǎo)航放入表中，則會(huì)誤用<table>元素的預(yù)期用途。在第二種情況下，您沒(méi)有呈現(xiàn)表格數(shù)據(jù) - 您（錯(cuò)誤地）使用該<table>元素來(lái)實(shí)現(xiàn)表達(dá)目標(biāo)。
結(jié)論
訪客會(huì)注意到嗎？不，你老板在乎嗎？也許。我們有時(shí)會(huì)像程序員一樣偷工減料嗎？當(dāng)然。但是我們應(yīng)該嗎？不會(huì)。如果您使用語(yǔ)義標(biāo)記，誰(shuí)會(huì)受益？你 - 以及你的專業(yè)聲譽(yù)?，F(xiàn)在去做正確的事。
慕俠2389804
TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊
明顯的答案：見(jiàn)CSS Zen Garden。如果你告訴我你可以輕松地使用基于表格的布局（請(qǐng)記住 - HTML沒(méi)有改變），那么一定要使用表格進(jìn)行布局。
另外兩個(gè)重要的事情是可訪問(wèn)性和SEO。
兩者都關(guān)心信息的呈現(xiàn)順序。如果基于表格的布局將其放在頁(yè)面上第二個(gè)嵌套表格的第二行的第三個(gè)單元格中，則無(wú)法在頁(yè)面頂部輕松顯示導(dǎo)航。
所以你的答案是可維護(hù)性，可訪問(wèn)性和SEO。
不要偷懶。即使他們有點(diǎn)難以學(xué)習(xí)，也要做正確的事情。
添加回答
舉報(bào)
0/150
提交
取消