创建表格网站的原因及原则的翻译
在一次次的Web开发者只想说that'tables是evil'and不能(或不愿)解释,本文将给你一些坚实的原因人们创造无表设计。包括创建表格网站的六大好处,以及如何销售你渴望改变你的网站一个抵抗经理。有一段时间,网页设计师说:形式是魔鬼!所以,我会给你一些令人信服的理由,说明人们为什么不想用表单来创建一个网页,其中包括创建一个表格网站的四个好处,以及如何把网站变成一个持久的统治者并出售它。
让我们开始与表格布局的好处。这就是布局,它也被称为以下两个方面:第一个是第二个,另一个是另一个。
让我们先从表格布局的好处开始,原因是他对很多人来说至关重要。
强迫你编写格式良好的代码
强迫你用严格的格式编写代码
你不可能进行无表布局和使用不当和不规范的代码。好吧,让我纠正你可以(在技术上你可以做到,但击败整体)的目的。当你创建一个表设计,你应该使用符合标准的代码。我认为任何能让你养成随时编写干净代码的习惯都是件好事。
因为你使用不当或非标准代码为一个非表格布局是不可能的。让我纠正你可以(从技术的角度来看),但这会使所有的目标是空的。当你没有表的设计,你必须使用一个合适的,编码标准集。我想让你养成良好的编程习惯是好东西。
更快的加载时间
下载速度更快
这绝对是一种效益表格布局的,和几个原因。首先,在基本水平表上缓慢加载。在大多数情况下,除非您设置了表元素的高度和宽度,否则所有的文本都必须在表自身大小到页面之前加载和呈现。当然,这么多人喜欢桌子,不是因为他们这么容易就大吗。缺点是他们要承受更多的时间。
没有表格的布局很好,主要包括以下几个方面的原因:1,从基本原则、表格布局的使用将缓慢的下载速度;最重要的是,无论你如何设置元素的高度和宽度的表格,表格的所有元素将表之前加载,它可为什么很多人爱表布局!事实上,这些表通常是大的,所以它们会加载更长的时间,我们不能忽视它的下载时间。
好的,所以加载时间的解决方案是显式地设置所有的值,所以现在我们看到另一个缺点。增加加载时间的代码杂波。首先,仅凭自己,表就需要很多代码。你的平均表布局有多少个TD打开和关闭标签。必须显式地设置所有值只会增加页面大小和加载时间。有很多实验已经做了关于这一主题,我会帮助你,看看这一个是重拍的微软网站从一台网站表格布局。研究表明62%个档案网站体积减少,并通过每月平均点击率为微软网站,计算,微软将每天节省带宽924gigs,和329百万兆字节带宽每年。对于
因此,我们必须将所有的值明显减少下载时间。然后我们看看其他的缺点一看:代码混淆会增加加载时间。首先,表本身包含了大量的代码,你可以数数有多少TD开始标签和结束标签,我觉得应该很多。为了让他们清楚,有必要增加网页的大小,下载时间。我们已经对这个问题做了大量的实验。尽量不要再使用表格布局。看看微软的实践。他们最初使用表单布局开始使用非表格布局。研究表明,这种方式为网站节省了62%的空间。通过每月的平均点击率计算,微软将节省924的带宽每天演出,一年节约329terabytes带宽。对于更大带宽的任何公司来说是非常必要的。
易读的代码
增加代码的可读性
如果您使用的是标准代码、语义文档约定,以及一个约定、文档、标准、标准和标准。
如果使用标准代码、标准语义文档和非表格布局,那么您的代码将非常清晰,就像一些特殊符号的习惯文本一样。
这是一个很大的好处,因为它不仅使你更容易更新,但它使一个非技术用户更容易作出小改动。此外,如果你作为一个自由开发能力的Web开发人员,有一个全职的Web开发人员必须维护该站点,这是很常见的。简洁易读的代码使转换变得容易。我们喜欢人们给我们留下易懂的代码,让我们来回报他们。
使用非表格布局不仅使它为你更新网页更容易的优势,但也使非转移人修改并把它们略。此外,如果你是一个网页设计师,你也可以让专业的网页设计师,记住你的网站。代码简单,可以很容易地将代码分成工作。我们都希望代码开发者留下简单的代码,所以当我们写代码,想想。
打印备用的意见
方便的样式定义
当您使用表布局创建页面时,您很不幸地被锁定到某个布局中。谁创造了基于表的网站开发者,我们大多数人都在某些时候如果你是特别的行业大无表运动之前,知道你经常要创建一个单独的打印版本的页面。这可能是不必要的,也就是说,相当令人厌倦。
当我们使用表格布局来创建一个网页时,你不应该受到特定的布局方法的限制。使用表格布局开发人员,就像我们大多数人一样,我们必须注意,如果你在网页设计中没有参与设计工作之前的表格设计,你必须为每一页创建一个独立的样式,这是非常复杂的。
轻松的打印风格控制是一个巨大的好处,它也被称为以下两个方面:第一个是第二个。
简单的输出样式控制是非表格布局的一大优势,您可以轻松地创建一个简单的新布局并将其应用到所有Web页面,而不必为每一页设计一套样式,这无疑会节省大量的时间。
虽然可以用这种方法控制所有元素,但最大的关键是在页面本身内组织信息。使用示例,让我们假设我们希望所有页面都按照以下顺序打印:首先是页眉,接下来是内容,然后是特殊新闻,然后是链接列表,然后是页脚。然而,我们仍然希望它!显示时,它通常会查看(意味着在顶部的标题,左边的内容,中间,新闻在右边,底部的页脚与A)。基于表的布局,您必须创建一个新页面来完成那个特殊的打印组织,因为打印样式将从左到右读取列。有无表布局,你不受这。您可以在页面中订购内容。
当你在这条路上控制所有的元素,需要考虑的关键问题之一是如何有效地组织所有的页面本身的信息。让我们设想如下:第一顺序是最高的,其次是内容,然后具体的信息和链接列表,然后页脚。然而,我们仍然希望它按照正常的浏览习惯显示(即头在中间;链接列表的左上方;在新闻内容;中间的右端;中间底部的页脚)。如果你使用表格布局,然后你必须重新创建一个页,因为该表的读取顺序是从左到右;但是,如果你使用基于表格的布局,你不会通过这种形式的约束。你可以把控制控制好它,只有CSS才能达到以上目的。
此外,因为我们可以把内容放在任何顺序,我们,秩序,世界的第二部分是正确的方式。
此外,由于我们可以使用CSS把所有内容或部分内容放在HTML页面的任何部分,我们可以对它的表达方式进行随机控制。
这是非常重要的,干净的代码,和能力,并且,它也被称为以下两个方面的灵活性和组织性来创建一个强大的
因为代码的简化是非常重要的,所以它可以任意地控制内容的表达和位置,所以即使在手机屏幕上,你也可以很容易的显示你的网页,我们可以利用XHTML的扩展性和组织性来创建优秀的网站。
搜索引擎优化
搜索引擎优化
由于您可以在页面顶部组织您最重要的内容而不影响布局,您的页面可以更好地优化搜索引擎。比如说,我在页面左边有一个导航栏,它列出了很多实际上是很棒关键词的站点的部分。我可以在我的实际HTML中移动导航栏代码,而不改变布局,因为我使用CSS来定位我想要的导航。
因为你可以用冷漠的布局,把最重要的内容放在页面的顶部,这并不影响整个布局,那么你的页面可以进行SEO优化。例如,我把一个导航栏在页面的左边部分的一些关注率很高,所以我可以写导航栏的代码在HTML代码,而不会影响整个页面的布局,因为我使用CSS来调整它的位置。
这些搜索引擎还可以在文档中更清楚地找到常用词,而不必通过代码过滤。搜索引擎优化,代码比更高的内容的网站,所以把所有的风格元素放到外部样式表使您的网站内容对搜索引擎的高度。表格布局,如前所述,减少页面大小和加载时间的另一个好处,搜索引擎。
搜索引擎不需要过滤代码来查找整个文档的一般关键字。搜索引擎将搜索共享很大一部分页面的页面。因此,在外部样式表的样式元素,使内容可以突出。非表格布局图中提到的可以显著减少页面大小和下载时间,并可以利用搜索引擎在更大程度上。
演示的灵活性
全方位的适应性
更改一个基于CSS的表格布局简单。你可以只修改CSS文件,改变你想要的样式和图形。影响级联通过您的网站上的所有页面,并消除了手动更新许多页面的需要。
CSS为基础的非表格布局是一个非常简单的方法,你可以改变你想改变CSS文件中的样式和图片。使用层叠样式表在网上可以减少日常页面更新的工作量。
一个最著名的例子有力的陈述是可以的,你可以访问CSS禅意花园和浏览the'select一design'links看差异。每个不同的设计都使用完全相同的HTML文件内容。唯一改变的是每一个CSS文件。
您可以访问著名的网站:CSS禅意花园,它是整个页面布局的经典之作。您可以通过选择导航栏上的设计来查看不同的布局样式。每个不同的设计风格都使用完全一致的HTML内容,只使用不同的CSS来改变HTML的内容。
按标准推销自己
用不同的标准推销自己
有时候,知道如何使用标准的代码,创建可扩展的无表格布局是不够的。有些网页设计师在管理上遇到了困难。往往是那些最困难是植根于管理是不知道的好处使用表格内容和CSS布局。
这里要说的是:用标准代码创建可扩展的表格是不够的,一些网站设计者在管理网站方面还有很多困难,这主要是因为忽略了非表格布局和CSS布局的内容。
如果你想为标准而设计,但你为你工作,它也被称为侯。
如果你想做一个标准化的设计,你所在的公司是不允许这样做的,因为它可能会耽误时间。
例如,尝试抓取一页现有代码。使其达到标准。比较页面大小与以前(包括图像优化),并计算保存的字节差异。乘以站点页面的数量和每个月的天数。然后向他们解释,如果在整个站点上完成的话,每月节省的带宽开销。如果这还不够的话,告诉他们一旦你用CSS驱动,你就可以很快地对网站进行修改,并敦促你在需要更新的情况下能更快地改变网站,这样你就有更多的时间专注于为网站添加新功能——而不是花时间做维护。
例如,试图抓住现有的代码页尽可能重写代码,以简洁明了的标准编码格式。然后,比较两页的尺寸,包括图片的优化,并计算出的尺寸差异,然后,解释多少带宽成本可以节省每月如果新布局完成。如果这还不够,你可以给你更多的细节,关于多少下载速度会如果你使用CSS布局的增加,多少更新时间可以保存网页时更新。这样,你可以节省时间,提高了网站的功能,从而节省了大部分的维修时间。
总结
总结
希望这篇小文章将作为一种方法,让你开始理解为什么使用表格布局的好处是什么,你可以很容易的把,在布置晚会一看,只下载1或40的表格布局的例子让你开始。然而,对移动到一个表设计最好的一步是慢慢的移动你的网站走向一个标准兼容的版本,在你摆脱了桌子。为了做到这一点,研究多CSS就可以了,通过阅读文章和网页上的其他地方,并制作无表布局将只是时间问题。
这篇文章的目的是让人们能够使用非在尺寸表布局并开始使用这种方式布局的疑虑。这是一条捷径,你可以下载模板例40直接在布局布局盛大网站。在你放弃的形式使用,你应该尽可能慢慢的网站的过程。你应该充分学习CSS技术。在阅读本文和网站上的其他相关文章之后,创建一个没有表布局的网站只是时间问题。