变相怪杰 发表于 2015-1-16 00:06:49

来谈谈:不敷语义网页计划和语义的网页制造

更好的控制页面布局。不用多说。
这个时期DIV+CSS已制造着新的神话,不久的未来,大概你所会见的互联网将不再呈现Table。
作为一个身处2008岁暮的Web计划师,你是不是美意思供认本人的代码中利用了Table,假如是,你是一个有勇气的人,Web计划是个奇异的行业,你能够将本人的网站计划得像晚报的分类告白,大概楼道里的开锁告白,但万万别让人晓得你利用了Table,在你的源代码中发明Table就像一个发卖被人掀起裤脚发明穿了白袜子一样。
Table是云云丑恶,痴肥,哪怕只显现一段复杂的内容,你也必要<table><tr><td>这三个基础的标签,每一个标签内里还要加上一堆七零八落的属性,不像<div>,既复杂,又整齐,又时髦,它和CSS珠联璧合,琴瑟协调,它们组成最完善的Box模子,他们象实际中的箱子,你把器材放出来,然后,很自在地对他们举行分列,腻烦了一种结构,不妨,复杂地修改一下CSS界说,一种全新的结构便出生了;不象Table,Table像食堂里的餐具柜,一排排,一列列,土里土头土脑,清淡腻的,象我们的父辈,肮脏,甚么都往家里拿,胡乱堆在角落里,假如Div是小资,Table就是老三届,他们不属于这个时期。
也就是近几年的事,最多不外三五年,W3C是一团体人都以为主要但大家都不喜好的构造,他们的官方网站非常丑恶,我敢说一生没见过这么丑恶的网站,但他们的网站是为数未几的能够经由过程全体W3C尺度考证的网站,这意味着,他们的网站在语法上,在布局上,在可会见性上是完善的,固然仍旧非常丑恶。不外这是笑谈,W3C十分主要,不然微软会把全部Web开辟工程师带到万劫不复的地步,还好,Netscape身后,涅磐出Firefox,而Opera在Firefox横空出生以后固然没失掉任何优点,最少失掉了精力上的撑持,看到没,终究有年老出来拾掇你。乔布斯复出后,苹果重返往日的光泽,这时候人们才晓得天下上另有一个叫做Safari的扫瞄器,一切这统统加在一同,让W3C真正有了存在的需要。
W3C说,Table能够用来包容笔墨,格局笔墨,图片,链接,表单,和别的Table。..可是,Table不该该纯真用来做网页结构(Tablesshouldnotbeusedpurelyasameanstolayoutdocumentcontent),来由是,当Web被非可视化设备衬着的时分,Table会呈现成绩,他们指定是屏幕浏览器和盲文扫瞄器,别的,Table在年夜型显现设备上会强制用户摆布转动,因而,Web计划者应当利用CSS而不是Table。拜见W3CHTML4.01关于Table的界说。W3C说这段话的时分,是1999年12月24日,当时只管CSS早已出生,但并没有几人利用,最后的Web像一个在线版的文档,并没有成为如今如许的平台,不必要过量过量地思索结构成绩,跟着互联网第一次泡沫的构成,出现出大批的流派网站,流派网站是Table结构的始作俑者,由于他们的首页比一整份报纸的一切版面拼接在一同还庞大,Table在这方面非常随手,分离colspan和rolspan,你几近可以完成任何庞大的版面。
这类结构作风在2000年月初,一向到中期仍旧非常盛行,特别国际,在年夜为美的潜认识下,人们把一切能塞到一个页面的器材都塞进了首页,Table就像一个旧时期的管家,把一切器材虽不克不及井井有序,但最少是一样很多地编排起来。但是如许的Web终究到了让人讨厌的境地,跟着搜刮,RSS定阅,和以博客为代表的本性化Web的呈现,人们有更多渠道取得信息,而不用往会见那几个让人几近要晕已往的流派的首页,因而呈现了一种清爽的,轻量的Web风,利用更复杂的结构,更明快的配色,年夜图标,年夜Banner,和更简单浏览的年夜字体,同时,在这个时分,CSS已十分成熟,而Firefox,Opera,Safari为代表的扫瞄器,在恪守W3C尺度方面要远远好过IE,人们终究熟悉到CSS的能力。由于CSS在结构上,其中心是一个Box模子,人们必需为CSS找一个能够依靠的容器工具。
Div成为侥幸者一方面由于它生成就是Box的最好原型,在语义上,Div代表页面的一个地区,在形状上,它四四方方,更主要的是,它不像<P>或<a>那样事前已被付与特别的语义(固然它们也能用于Box模子);另外一方面,则出于人们对Table统治一个痴肥时期的憎恨,一个时期的停止,继任者城市勉力抹往旧时期的陈迹,那些旧时期的意味或代表的运气多数云云,人们并非复杂地忘怀它们,而是决然划清界线。
Table的统统不公允报酬就此入手下手。为何说不公允,W3C不倡议Table结构的时分,只说应利用CSS取代,这是甚么意义,Table不撑持CSS吗?固然撑持,并且,因为Table作为老牌的HTML工具,它的位置曾云云主要,任何扫瞄器都对Table供应了最完善的撑持,包含CSS撑持。当人们拥抱Div的时分,仿佛健忘了Table也是Box,并且是一个具有多个内格的Box,Table作为一个全体,和Div在Box模子方面没有任何区分,而它的内格,除Margin以外,仍旧是一个Box,内格不含Margin观点这是应当了解的。Div很优异这不用说,但是当人们说Div+CSS的时分,仿佛表示着Table没法CSS,这是天年夜的误解。
Div撑持的一切CSS属性,Table全体撑持,现实上,在Div年夜红年夜紫之前,那些Div的初期接纳者曾信念不敷地暗示,Table能做到,Div都能,而他们也为本人的话支付了价值,妄图在Div中完成垂直居中的人分明我的意义,妄图在IE6中不经CSSHack而完成100%Div结构的人更分明我的意义。100%Height成绩,几个Div之间的宽度自顺应成绩,信任任何处置Div+CSS计划的人会碰到。Table在这方面的上风并非由于它自己何等优异,而是由于它老牌,没有扫瞄器敢无视,也由于它的特征底本云云,人们创造表格,是由于但愿数据显现得划一,就这么复杂。


但是,为何Table厥后背上那末多的恶名?Div反对者对Table的非难不过乎以下几条。
代码痴肥:你最少必要写下<table><tr><td>这三个标签以后,才干入手下手真实的内容,别的,Table的各类标签中还包括了庞大的属性界说,而Div只需<div>一个标签。
页面衬着功能成绩:扫瞄器必要将全部表格完整读完后才会入手下手衬着。
倒霉于seo:搜刮引擎喜好内容与润色分隔。
可会见性差:屏幕朗诵软件和盲文扫瞄器没法很好地舆解Table中的内容。
不敷语义(Semantic):我们必要语义的Web。
第1条:代码痴肥
起首,Table内里独一没法用CSS界说的属性只要Cellspacing,Cellpadding几个,别的属性都能够而且应该利用CSS,如许,剩下的,就是<table><tr><td>和<div>的对决,我信任一个动辄几十K巨细的网页,即便利用了几十个Table,因而多出来的代码也能够疏忽不计,那些抱怨Table代码痴肥的人实在该反省本人的编码习气,能将Table写得非常痴肥的人,写Div比拟也一定会简便到那里。
第2条:页面衬着功能成绩
我利用一台2004年的条记本电脑,1.6G的CPU与1G内存,这类设置下,看不出Table结构和Div结构在页面衬着上有任何速率不同,实在这点不同即便有,绝对收集自己的提早也能够疏忽。
第3条:倒霉于seo
假如你尽量利用CSS而不是Table的属性,后面说了,发生的代码和Div的不同也不会很年夜,搜刮引擎会卑视<table>标签吗,这类说法的根据我至今并没有找到。
第4条:可会见性差
这是Table固有的缺点,不外多半Div+CSS的拥趸仿佛并非基于这个缘故原由才排挤Table。
第5条:不敷语义
语义Web的寄义要深远很多,并非仅仅在Table和Div上胶葛,即便W3C,也并没有划定Table只能用来显现表格数据,良多在Table的语义长进行胶葛的人,实在无妨再等等HTML5,那才是真实的语义。
本文的目标不是让你抛弃Div投身Table,相反,假如Div能满意你的计划必要,Div还是首选,但没需要避忌Table,不然会走进别的一个极度。良多利用Div没法复杂完成的计划,仍可使用Table,固然,不论利用甚么,都应当用CSS将内容与润色分别。Div+CSS和Table+CSS都是正当的计划,谁更复杂就用谁。依据我的履历,当你能预感你的内容的格局,对你行将到场的内容有才能完整把持其显现格局时,应该利用Div+CSS;当你行将到场的内容是不流动的,你没法预感其格局,假如不想让页面坍塌,利用Table+CSS是一种保险的做法。

如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。

只想知道 发表于 2015-1-17 07:42:27

由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。

admin 发表于 2015-1-20 15:47:57

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

小女巫 发表于 2015-1-29 12:38:27

还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。

若相依 发表于 2015-2-14 19:28:08

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

柔情似水 发表于 2015-3-4 09:58:17

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

深爱那片海 发表于 2015-3-11 18:15:13

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

谁可相欹 发表于 2015-3-19 06:44:24

每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。

再现理想 发表于 2015-3-27 11:55:53

学Dreamweaver技术的过程其实是一个增加信心的过程。
页: [1]
查看完整版本: 来谈谈:不敷语义网页计划和语义的网页制造