无表格网页设计意味着使用CSS

无表格网页设计(或无表格网页布局)是网页设计的理念,避开使用HTML 表格的页面布局控制的 目的,而不是HTML表格,样式表语言,如CSS(层叠样式表)是用来安排元素和网页上的文字。

CSS 是由W3C于1996年12月,以改善网页易读性,使HTML代码的语义,而不是表象。大约在同一时间,在20世纪90年代末,作为一个快速增长在“ 新媒体 “的网页制作和设计的dot - com热潮,开始使用HTML表格的趋势,和他们的行,列和单元格,来控制整个网页的布局 。

这是由于以下几个原因:

主流浏览器的CSS支持的时间限制;
新网页设计师的缺乏与CSS熟悉;
知识的缺乏,或关注的语义和网页易读性的原因(包括HTML)使用CSS,而不是什么被认为作为一个简单的方法,迅速 ​​达到预期的布局,
一个新品种的所见即所得的网页设计工具,鼓励这种做法 。

更近的时候看到网页内容的HTML表格的使用,以限制他们的意图和语义的目的优势专业人员之间增进了解-即奠定了表格数据或其他信息。这些优势包括更广泛的用户的各种信息的无障碍改善,使用了多种用户代理。

有 带宽节省大量的语义上毫无意义的<TABLE>,<tr>和<td>标签是从数十页离开少,但更有意义的标题,段落 和列表中删除。布局指示转入站点范围内的CSS样式表,可一旦下载和缓存重用,而每个访问者浏览该网站 。网站成为更易于维护,可以重新设计整个网站,或重新命名在一个单一的传递只是通过改变特定CSS标记,影响着每一个依赖于该样式表的页面。在这样一个一 致的布局规则立即应用于现有的CSS它没有任何进一步的努力,可以添加新的HTML内容。

还有(2011年)去一段距离,一些Web开发人员还没有从他们的页面布局中删除表,有的则是现在不敢引进一个简单的HTML表,即使它是有道理的 ,一些犯错误的span和div元素的过度使用,甚至与使用CSS应用到他们的表像的规则。

原理

最 初被设计为一个用于共享科学文献和研究论文在线的语义标记语言的HTML 。然而,由于互联网扩大成为主流,在20世纪90年代中期,从学术和研究世界,并成为更多媒体的导向,平面设计师要求的方式来控制视觉外观呈现给最终用户 的网页。为此,表和间隔(通常是透明的单个像素的 GIF明确指定的宽度和高度图像)已被用于创建和维护的页面布局 。

这导致了一些问题。许多网页设计的表内嵌套表,造成大的HTML文件,使用更多的带宽比用简单的格式的文件。此外,基于表的布局是线性时,例如屏幕阅读器或搜索引擎进行分析时,造成秩序的内容可以有所混乱和混乱。

在20世纪90年代后期第一个相当强大的所见即所得编辑赶到市场上,这意味着网页设计师不再需要建立网页的HTML技术的理解。这样的编辑,间接鼓励广泛使用嵌套表的设计元素的位置。

作为设计师在这些编辑器编辑文件,代码添加到文件,有时是不必要的的 。此外,不熟练的设计师可以使用超过时,需要使用一个所见即所得的编辑器表 。这种做法可能会导致许多不必要的行和列的表以及表内嵌套表。

用切片工具的使用,直接输出HTML和图像也能促进贫困代码表往往有许多行的1个像素的高度或宽度的图形编辑器。有时,多行代码用于比实际的内容本身来呈现内容。

由于在2001年互联网热潮退去和Web开发行业的萎缩,更多的行业经验的编码了更高的要求。在UI开发的大量案件进行了更加良好的编码习惯的知识编码 。这是这个时候,周围的许多人成为凌乱的编码实践的关键,无表格设计的思想开始萌芽。

层叠样式表(CSS)的开发,以提高设计和内容之间的分离,和走向的内容语义组织在网络上。“无表格设计”一词意味着使用CSS,而不是布局表格来定位页面上的HTML元素HTML表格仍然呈现网页内的表格信息时,其合法地位。