当前位置:首页 > 日记 > 正文

表布局的优缺点及不推荐的原因

表布局的优缺点及不推荐的原因
表布局的缺点是它占用的字节比其他HTML标记要多。它会阻塞浏览器渲染引擎的渲染顺序,影响其布局属性的有效性。其优点是使用表来生成表是完全正确的。

表的缺点

1,表比其他HTML标记占用更多字节(延迟下载时间,占用服务器更多的流量资源)。

2、tablle将阻止浏览器渲染引擎的渲染顺序。(它会延迟页面的生成和让用户等待更长的时间。)

3,当在表中显示图片时,需要将单个的、逻辑的图片分割成多个图片(增加设计的复杂性,增加页面加载时间,并增加HTTP会话的数量)。

4、在一些浏览器的文本表的副本将是一个问题。(这会惹恼用户。)

5,表将影响一些内部布局属性的效果(例如:内部元素的高度为100%)(这限制了页面设计的自由度)。

6,一旦你学会了CSS知识,你会发现使用表格做页面布局会变得更麻烦。)

7,表格对页面布局的语义不正确。它描述的是性能,而不是内容。)

8,表格代码会让读者发疯。(不要使用CSS,但你不知道说什么)

9,一旦设计完成,表就死了,通过CSS很难显示出新的外观。

表格的优点

在某些情况下,表的使用是100%合适的、适当的和正确的,例如,使用表格来形成表格是完全正确的。

如果你不能判断是否应该使用表格,请参考列表的顶部,相信你能找到答案。

相关文章

编写HTML5时,调试和查找脚本,如PHP、

编写HTML5时,调试和查找脚本,如PHP、

查找,调试,脚本,电脑软件,CSS,在编译HTML5和PHP调试之后,发现JS和CSS在很多情况下都会失败。经过调试,发现网页在跳转时仍然有缓存。指出跳转后原始网页与网页之间的关系是很有必要的。具体代码如下。 最近,在调试HTML5和用PHP调试时,发现在很…

在jQuery中获取元素中特定定子元素

在jQuery中获取元素中特定定子元素

元素,中特,定定,代码,电脑软件,以前的jQuery应用程序中有一些是非常基本的编程。他们不是选择很好,比如$('类'),$(' # ID),$(' # ID >。类),(这)美元美元,(这)。父(),和($(this)的孩子()。这些简单的句子可以解决。 问题是,我希望从UL中选择一个跨度,因为它对编…

CSS更改尺寸(宽,高)的,当鼠标经过超链

CSS更改尺寸(宽,高)的,当鼠标经过超链

超链接,尺寸,当鼠标,电脑软件,CSS,以前不使用图片超链接时改变图片大小(宽,高)的方法,具体实现代码与您共享。 当鼠标通过时改变图片超链接的方法: 复制代码代码如下所示: 答:悬停img { 身高:33px; 宽度:33px; }…

Ajax实现了单击不同的链接,以便返回

Ajax实现了单击不同的链接,以便返回

显示,单击,链接,实现了,内容,以下各环节通过Ajax网页点击代码 / *,然后返回在固定部* 页面显示结果/ 在这里插入标题 无功http_request = false; 功能程序都会(URL,objId){ http_request = false; 如果(窗口。XMLHttpRequest){ / /非IE浏览器 http…

画家绘画插图王子技能公开

画家绘画插图王子技能公开

插图,画家,王子,技能,电脑软件,本教程向您展示画家绘画的绘画技巧,主要介绍画家配饰的搭配和绘画。本教程非常经典实用,感谢原作者gxiaoman,分享,转发,希望你喜欢这个教程。 本教程向您展示了绘画和插图的王子技能。主要介绍了画家配饰的搭配和…

逼真航空母舰海底PS合成的特效过程

逼真航空母舰海底PS合成的特效过程

航空母舰,逼真,特效,过程,电脑软件,本教程是向朋友介绍如何使用PS合成逼真的航母海底特效。这个教程的效果真的很现实。作者是博士,谢谢他的原创分享,我推荐像你这样的朋友来学习。希望你能喜欢。 本教程是向朋友们介绍如何用ps合成一个逼真…

独立div自适应宽度布局的CSS实例及

独立div自适应宽度布局的CSS实例及

自适应,布局,宽度,应用范围,实例,本文主要介绍了通过CSS CSS实例实现CSS的自适应宽度布局方法,并分别介绍了自适应排排技术和排排排排技术。 单排DIV自适应宽度布局CSS实例和扩大应用范围divcss5首先向你介绍一个独立排自适应宽度,即通过DIV …

基本教程变量

基本教程变量

变量,教程,电脑软件,Javascript中的变量是由var关键字(变量)声明的。 复制代码代码如下所示: VaR学校=beijingyizhong 还可以通过var关键字给变量赋予多个值。 复制代码代码如下所示: VaR学校= beijingyizhong 此外,不像java,Javascript可以存储不同的…

http返回码大全(中译英)

http返回码大全(中译英)

大全,中译英,电脑软件,http,本文主要介绍了http返回码的中文解释,并可以收集到朋友的需要。 返回代码百科全书 (以下是概览)详细的中文解释,请点击这里。 1 **预订 100:继续 101:交换协议 2 **表示成功接收了请求。 200:好的 201:创建 202:接受 203:…

cccc2014破解版安装方法教程

cccc2014破解版安装方法教程

破解版,教程,安装方法,电脑软件,Adobe Dreamweaver CC 2014是Adobe Dreamweaver CS6升级版。相对而言,它更快,允许您直接从应用程序中共享作品。下面是一个具体的安装教程。 Adobe Dreamweaver CC 2014是Adobe Dreamweaver CS6升级版。相对而…

对buffer.buffer.isencoding方法在

对buffer.buffer.isencoding方法在

使用说明,方法,电脑软件,buffer,isencoding,方法显示: 检查它是否是一个有效的编码参数,并返回true或false。 Grammar: 复制代码代码如下所示: buffer.isencoding(编码) 接收参数: 检测到的编码{ } }的编码格式。 实例uff1a 复制代码代码如…