4. The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells.http://www.w3.org/TR/html401/struct/tables.html#h-11.1W3C :
5. 整理数据很方便
6. Table布局
7. 为何不建议用table布局?
8. Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. …To minimize these problems, authors should use style sheets to control layout rather than tables.W3C:
9. 是表格而非栅格
10. 1.不够语义 2.维护性差3.不利于搜索引擎优化4.代码臃肿5.可访问性差
11. 请不要排斥tableTable没有错,错的是拿table做布局的人
12. Div和Span
13. The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.http://www.w3.org/TR/html401/struct/global.html#h-7.5.4