|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
最新版本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是一种保险的做法。
你可以轻松地控制页面的布局。 |
|