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

HTML中Div和表的区别(所有方面的细节)

HTML中Div和表的区别(所有方面的细节)
在Div和表的差异方面表现出很多的差异,比如网页上的速度和加载模式、div和表格在大网站可用性上的不同布局等,感兴趣的朋友可以参考哈萨克斯坦,希望能有所帮助。

1:速度和加载方式的区别

div和表之间的区别不是速度,而是加载方式。网速只能是网速。如果速度够快,就没有区别了。

div的加载方式是读取加载,遇到没有遇到加载DIV的内容时,阅读数载;表加载完成后加载,满足,在该表的内容读不加载,或传输中断(文档。onload)(事件)加载时,这是因为,表涉及到的行和列,所以只有当表所有内容加载,即不知道如何表达

2:Web应用程序的差异

如果在页面的结尾添加了表,那么在加载之前必须等待整个页面的读取。

如果在页面的结尾添加div,则没有效果。

大型站点3和div布局可用性比较

div和表本身没有优缺点,所以所谓的Web标准只建议正确使用标签,例如,div用于布局,而表用于打开二维数据。

使用DIV排版的好处是,我不认为每个人都应该更clear.div是标准的,时代的潮流,但并不意味着所有的网页都适合做。

中国门户网站和国外门户网站有很大的区别。中国网民不喜欢信息量少的网页。雅虎已经在中文网页的更多内容,但访问量已减少到最后一页的数量已经减少了很多,没过几天就回来。由于中国的国情,搜狐和新浪已经长大。

为什么div不适合它们,我从几个方面逐一解释:

精简的代码:

我们都说div的布局是流线型的,但是由div而不是表保存的代码被CSS(样式)所占据。Most of these styles are used to control the layout layout of DIV.Then you will say, CSS can be placed outside the reuse, to get the answer to this question, please look down.

可重用性和下载:

A. CSS样式表文件的统一使用,可以修改一次,全站的改性效果,使维护成本更低。但是请换个角度想,如果在加载访问一个文件的所有页面,然后下载文件的每一天,尤其是在网站平台,搜狐、新浪达成亿万次,这就需要大量的后台支持前端Web服务器的背后,无形的成本已经提高了很多。如果后台支持做不好,页面将出现在屏幕上,和以前做过的工作,也浪费了。很多人问,赔率太小。我们所做的工作是为了避免一个或两个事故,如果事故发生时,这将是不可想象的C门户的后果。

HTTP通信:

统一的样式表文件的外部调用,这样每次加载一个页面会发生不止一次。它会增加对服务器HTTP请求服务器的响应,从而使前端Web服务器大为消耗。长期以来,CSS和JS在页面前端写了很长时间。你可以看到搜狐和新浪的页面,大多是在这样一种形式,而不是被外部调用的形式,以避免增加消耗尽可能多的服务器。

页面缓存:

页面,用户每次访问将保持一定时间,确保用户可以显著提高页面显示的速度,当他们再访问该网页浏览器缓存,每次修改都会使网页下载,而且每个外部样式文件导入,如果CSS文件,每一页都会参观网站下载,并在过去将书写风格的页面,只需修改页面需要下载。

兼容性:

CSS(样式表)并不是所有版本的浏览器很好的支持,比如IE5以前的浏览器支持CSS。现在随着用户IE5浏览器以前的版本不在少数,所以在网页制作的过程中需要测试的浏览器的不同版本,为了保证兼容性,也增添了不少的工作量几乎(至少我接触的开发人员创建div页表页比标准时间长)。

横切延性:

对正截面;mdash;使更快的下载页面传统的布局方式,页面分为上下几块,但经常使用div进行页面的布局也会如此,因为每个中间栏或列数不固定,两侧无自适应列,和空白的出现。

我们只是在谈论某一特定领域的技术,而不是技术本身。

说这并不是说div这个布局不好,但是我们应该正确对待桌面内容在大型门户中的作用,而不是其他。这并不意味着门户是无用的。DIV技术落后,因为里面的人没有前瞻性,而是由很多原因决定的。网易的方式都采用DIV是因为内容不是他们的主要方向,为其他门户网站,这一决定是时间证明的。但现在这个时机还不成熟。

4:div + CSS

现在,我认为div并不像字面意义那么简单,但是有两个内在含义:

1、结构与性能分离,利用div完成结构,CSS控制性能,使收益非常多,div精简页面,提高灵活性。精通CSS的设计师可以避免重复嵌套div,从而大大提高页面加载速度,并维护站点的可维护性。

2、使用DIV和CSS,CSS是核心和箱模型;无标签可以更好的解释div;箱模型;表的本质,结构太复杂,不好做了,虽然表+ CSS是一种选择,但别忘了DIV有另一个优势,浮栅,与该网站的布局表是由W3C授权。

事实上,div的好处远不止于此。例如,弹性布局,用户定义的布局,DIV显示难以置信的灵活性,和搜索引擎的语义结构也比表更友好,更不用说跨平台的应用程序。DIV+CSS为我们提供了一个优雅的、标准的技术框架,使我们可以用工作最完整的重复,更美观的页面,从而提高整个团队的效率,甚至改变长期存在的网页设计师和网站程序员无法同步工作的问题。

相关文章

PS合成创意环保海报

PS合成创意环保海报

创意,海报,电脑软件,PS,效果图的构图非常好,作者采用虚实结合的方法来展示主题。创作首先构思成图片,然后搜集相关材料(没有素材可以想到一种方法来拍摄自己),然后根据自己的想法,可以进行润色。 效果图的构图非常好,作者采用虚实结合的方法来展…

FCKeditor+jQuery+PHP实现分页代码

FCKeditor+jQuery+PHP实现分页代码

分页,代码,电脑软件,FCKeditor,jQuery,首先,插入新闻 FCKeditor是一种流行的即插即用的网页编辑器,支持如ASP,PHP,java语言,等等。这里是介绍编辑器的使用插入分页符,页面无刷新页面。 编辑新闻,在一个段落中插入一个需要分页的页面,你可以保存。…

Illustrator结合PS图象处理软件设

Illustrator结合PS图象处理软件设

图象处理,软件设计,创意,音乐风格,海报,本教程介绍朋友的插画家和PS图象处理软件设计时尚、创意的音乐风格海报。教程制作的海报非常漂亮。详细介绍了生产过程,并推荐给朋友们学习和分享。 本教程介绍Illustrator和PS图象处理软件设计的时尚…

使用Firefox的Web开发人员禁用网页

使用Firefox的Web开发人员禁用网页

文本,开发人员,网页,详细信息,样式,如果要使用Firefox的Web开发人员禁用Web页面样式,则必须先安装Web开发人员插件。下面是具体操作步骤。你可以参考它们。 先决条件:已安装Web开发人员插件 操作步骤:选择工具-> Web Developer -> ->禁用CSS…

CSSz-index层重叠序列的介绍

CSSz-index层重叠序列的介绍

重叠,序列,电脑软件,CSSz,index,本文主要介绍了CSS z-index层重叠序列的介绍,需要的朋友可以参考一下 div层,跨层和其他HTML标签层重叠序列的风格特性,通常我们用的少,但也不可避免地会遇到CSS z-index使用。下一步,divcss5 z-index属性介绍基本…

对新宝宝的照片效果PS图象处理软件

对新宝宝的照片效果PS图象处理软件

照片,图象,处理软件,效果,宝宝,本教程介绍朋友使用PS图象处理软件带出明亮的光的效果,在日本部新鲜的婴儿。这个教程的效果真的很好,难度也不是很大。建议像这样的朋友可以和教程一起学习。 在本文中,对婴儿照片PS V的效果光明而舒适,程序很简…

改变在JSP项目的默认index.jsp访问

改变在JSP项目的默认index.jsp访问

路径,项目,方法,默认,电脑软件,JSP在web.xml一webinf文件夹下打开它 如果你想要默认的访问对象是在Webroot公司, 复制代码代码如下所示: index.jsp 在JSP项目的默认访问是index.jsp页面内容 如果您想更改,只需更改名称和更改到您需要的页面…

基于jQuery的等距缩放图像

基于jQuery的等距缩放图像

缩放,图像图像,电脑软件,jQuery,基于jQuery的图像大小调整 resize.js 复制代码代码如下所示: $(窗口)Bind(加载 图像调整大小 $(# product_list IMG)。每个(函数(){) VaR最大= 120; VaR最大高度= 120; var比率= 0; var宽度= $(这个)。Width(); var…

那IE9不支持HTML5的属性部分的原因

那IE9不支持HTML5的属性部分的原因

分析属性,属性,不支持,原因,电脑软件,本文主要介绍了为什么IE9不支持HTML5的一些性质,并有助于了解IE9和HTML5的应用。 本文较详细地分析为什么IE9不支持HTML5的特性的一部分,分享出来供大家参考。具体方法如下: 众所周知,在IE9,不支持离线HTML…

CSS中显示属性的详细解释

CSS中显示属性的详细解释

显示,解释,属性,详细,电脑软件,在一般的CSS布局中,我们常用的值是显示相应值的三个值的块,没有,和内联。在这里我们来了解和学习什么时间使用。在这里我们学习和理解div CSS显示通过CSS显示知识和例子。 首先,所有主流浏览器都支持显示属性。其…

HTML5的本地存储localStorage,sessi

HTML5的本地存储localStorage,sessi

遍历,操作,本地存储,电脑软件,sessionStorage,本文主要介绍了HTML5的本地存储localStorage,sessionStorage的基本用法,遍历操作,异常处理,等等。 在本地存储localStorage和sessionStorage使用API HTML5是相同的。不同的是,sessionStorage清空关…

CDR绘制一个浅蓝色宝马汽车

CDR绘制一个浅蓝色宝马汽车

绘制,浅蓝色,宝马汽车,电脑软件,CDR,本教程是介绍给一个朋友,使用CDR绘制一个浅蓝色宝马汽车。效果很好,虽然教程有点旧,但是很实用。推荐给你的朋友。 本教程介绍了一位朋友,介绍一种用CDR绘制浅蓝色宝马汽车的方法。这个教程有点旧,但确实是一…