(x)html+css实现的表格
例如下面这个表格，你用单纯的“table”可以做出来，你用“div”也可以模仿出来，但根据Web标准的可用性、可访问性，使结构更具有语义，实现结构与表现的分离，就应该使用(x)html+css来实现。
提示：你可以先修改部分代码再运行。
简要的介绍一下：其实table、div都是xhtml的一个元素，table有它自己的作用，它就是用来做表格的，当网站内需要表格元素的时候，它是不可或缺的组成部分。div更是常用的元素之一。
我们应该按照它们在机器语言中的语义，来给予他们不同的使命，当你用符合语义的XHTML，告诉它哪个是更重要的标题（h1/h2/h3/h4/h5/h6），哪个是列表（ul/ol/dl），哪个是段落（p）……
搜索引擎就能够读懂你的网站，而整个网站都是table布局，就谈不上主次之分，搜索引擎理解也会很吃力。用更为简洁的XHTML代码，不仅能提升页面开启速度，更重要的是能被搜索引擎这类机器更合理的处理。