DIV教程之用CSS举行网页结构的优点
最新版本html5+css3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。切合WEB尺度的CSS网页结构相对传统TABLE结构的一些上风:
1、代码痴肥
起首,Table内里独一没法用CSS界说的属性只要Cellspacing,Cellpadding几个,别的属性都能够而且应该利用CSS,如许,剩下的,就是<table><tr><td>和<div>的对决,我信任一个动辄几十K巨细的网页,即便利用了几十个Table,因而多出来的代码也能够疏忽不计,那些抱怨Table代码痴肥的人实在该反省本人的编码习气,能将Table写得非常痴肥的人,写Div比拟也一定会简便到那里。
代码痴肥:你最少必要写下<table><tr><td>这三个标签以后,才干入手下手真实的内容,别的,Table的各类标签中还包括了庞大的属性界说,而Div只需<div>一个标签。
2、页面衬着功能成绩
我利用一台2004年的条记本电脑,1.6G的CPU与1G内存,这类设置下,看不出Table结构和Div结构在页面衬着上有任何速率不同,实在这点不同即便有,绝对收集自己的提早也能够疏忽。
页面衬着功能成绩:扫瞄器必要将全部表格完整读完后才会入手下手衬着。
3、倒霉于seoSEO
假如你尽量利用CSS而不是Table的属性,后面说了,发生的代码和Div的不同也不会很年夜,搜刮引擎会卑视<table>标签吗,这类说法的根据我至今并没有找到。
倒霉于seo:搜刮引擎喜好内容与润色分隔。
4、可会见性差
这是Table固有的缺点,不外多半Div+CSS的拥趸仿佛并非基于这个缘故原由才排挤Table。
可会见性差:屏幕朗诵软件和盲文扫瞄器没法很好地舆解Table中的内容。
5、不敷语义
语义Web的寄义要深远很多,并非仅仅在Table和Div上胶葛,即便W3C,也并没有划定Table只能用来显现表格数据,良多在Table的语义长进行胶葛的人,实在无妨再等等HTML5,那才是真实的语义。
不敷语义(Semantic):我们必要语义的Web。
本文的目标不是让你抛弃Div投身Table,相反,假如Div能满意你的计划必要,Div还是首选,但没需要避忌Table,不然会走进别的一个极度。良多利用Div没法复杂完成的计划,仍可使用Table,固然,不论利用甚么,都应当用CSS将内容与润色分别。Div+CSS和Table+CSS都是正当的计划,谁更复杂就用谁。依据我的履历,当你能预感你的内容的格局,对你行将到场的内容有才能完整把持其显现格局时,应该利用Div+CSS;当你行将到场的内容是不流动的,你没法预感其格局,假如不想让页面坍塌,利用Table+CSS是一种保险的做法。
你可以轻松地控制页面的布局。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人. Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
页:
[1]