用户:Laive/沙盒/无表格网页设计

无表格网页设计（Tableless web design）是一个网页设计的概念，这概念成功避开使用了使用HTML表格的页面布局。这概念使用层叠样式表从而避免使用HTML表格。 层叠样式表是在1996年12月由W3C推出，从而改善网络无障碍的语义。于同一时期的九十年代后期，随著互联网泡沫快速地对新媒体的创作和网页设计，有一个趋势开始普遍使用HTML表格，使用它们的行与列，控制整个网站的布局，其中大多数皆因这些原因：

1. 由于浏览器大战而未能于短时间内支持层叠样式表
2. 新的网页设计师对层叠样式表未熟悉
3. 网页设计工具所见即所得鼓励使用HTML表格

截至2009年，一些网站开发人员还没有从他们的网页使用层叠样式表，亦有一些网站开发人员错误地过度使用 span 和 div 标签，甚至使用html表格的规则来套用于他们使用的层叠样式表。

理由

HTML是最初被设计为一个语义 标记语言， 用于分享科学文献和研究论文在线。 然而由于互联网扩大，从学术和研究的世界带入主流的90年代中期，并成为面向更多的媒体，平面设计师寻求方法来控制视觉外观的网页呈现给用户。因此，[[]]表格和间隔 （通常是透明的单个像素 的GIF 图像和显式指定的宽度和高度）已被用来创建和维护页面布局。 这导致了许多问题。 许多网页的设计与表内嵌套表，造成大的HTML文件，使用更多的带宽比用简单的文件格式。 此外，当一个基于表格的布局进行线性化，例如，当被解析屏幕阅读器或搜索引擎，由此产生的订单的内容可能有点混乱和混乱。 在90年代后期第一个合理的强大 的所见即所得 的编辑器抵达市场，这意味著网页设计人员不再需要一个好的（或任何）了解HTML来建立网页。 这类编辑器间接鼓励广泛使用嵌套表位设计元素。 作为设计师在这些编辑他们的文档编辑器，代码被添加到文件，有时是不必要的。 此外，非技术设计人员可以使用表时，需要多使用一个所见即所得的编辑器。 这种做法可能会导致许多表嵌套表以及表与不必要的行和列。 图形编辑器的使用与切片工具，直接输出 HTML和图像也能促进贫困代码表经常有许多行1个像素的高度或宽度。 有时甚至更多行的代码用于呈现的内容比实际内容本身。 由于在2001年互联网热潮退去和网络发展的产业萎缩，编码与更多的行业经验，在更高的要求。 在大量用户界面开发的案件由编码员进行了更丰富的知识与良好的编码习惯。 就在这个时候，许多人成为关键的编码实践的混乱和无表格设计思想开始萌芽。 [ 5 ] 层叠样式表（CSS）的开发，以提高 设计和内容之间的分离 ，然后将背对著一个语义上的内容的组织网络。 术语“无表格设计”意味著使用CSS的布局而不是表格来定位HTML元素在页面上。HTML表格仍然有其合法的地位呈现出表格信息时，在网页内。 [ 3

参见

• CSS
• 万维网联盟