您好,欢迎访问三七文档
当前位置:首页 > 办公文档 > 其它办公文档 > div+css布局的好处
div+css布局的好处[原]1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;2.结构清晰,容易被搜索引擎搜索到,天生优化了seo3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了,有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等。5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。6.提高易用性。使用CSS可以结构化HTML,例如:p标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。7.可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。8.更好的控制页面布局。不用多说。9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。11.Table布局灵活性不大,你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。12.另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。13.Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。14.在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。16.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。17.你可以轻松地控制页面的布局。18.你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动标签:作者liugang57阅读全文|评论(0)|人气(3)|引用()|推荐|2007.03.2311:59:20XML文档与HTML文档的区别谈起[原]XML文档的组件XML文档是一个含XML标记的ASCII文本文件,它的扩展名是.xml,如:employee.xml在开始编写XML文档之前,你应该了解组成XML文档的各个部分.一个XML文档的主要成分包括:*元素*内容*属性*注释元素元素是XML文件的基本构造块,作为主要的标注组件,用来描述文件的内容.每一个元素用一个标签来表示一段文本信息.大部分标签是成对出现的,开始标签在数据的开始处,结束标签放在数据的末尾.开始标签和结束标签之间嵌有信心的元素称为容器元素.例如:TitleMyTitle/Title我们知道,上面语句中的Title是HTML里的元素,用来显示浏览器窗口的标题.在XML里,你可以创建自己的元素,如:empnameJohnRambo/empname在上面的语句中,empname是由开始标记()和结素标记(/)定义的元素,嵌在这两个标签中的信息就是这个元素的内容.利用元素嵌套,你可以构建一个分层的结构.也有一些标签不是成对出现的,被称作空元素.空元素不能包含的元素或数据,因为它没有开始和结束标签.最简单的空元素例子是用BR标签表示的断行元素.在一个XML文件中,可以有一个或多个元素,但只能有一个根元素,根元素下面允许有多个子元素.内容在XML中,由元素表示的信息,称为内容.请看下面的例子:TITLELIONKING/TITLE上面这行语句中,LIONKING就是TITLE元素所表示的内容.属性属性提供元素的补充信息.每个属性有一个属性名和属性值,属性值可以是数字,单词,或URL.在HTML中,我们经常使用字体元素的颜色属性,如:Fontcolor=redDisplayedinred/Font其中,color是属性名,其属性值是red.在XML中,属性值一律要加上引号.例如:empnamedoj=2006JohnRambo/empname这里,2006是doj属性(dataofjoining)的属性值,用来描述元素empname.注释注释是用来给XML文档加上注释的,浏览器和XML处理器都忽略注释,不加处理.使用注释的好处是能使所有使用XML文档的人都对文档中各种元素的用法一目了然.要在XML文件中输入注释,可以依次输入一个小于号,一个感叹号和两个横杠,再输入注释的文本内容,并确保文本中没有两个横杠.这一点W3C规定的,以保持XML与SGML的兼容.最后输入两个横杠和一个大于号来结束注释.例如:!--WritingcommentsinXMLDocuments--这就是注释.结构良好的XML文档一个结构良好的XML文档应该遵守以下五个基本规则:*标签不能隐含,必须显式出现.每一个起始标签必须有对应的结束标签;每一个结束标签也必须有对应的起始标签,对比一下HTML和XML的不同:在HTML中,可以用下面的这段代码创建一个编号列表:OLLINumberlistitemoneLINumberlistitemtwoLINumberlistitemthree/OL在上诉代码中,用OL和/OL来表示这是一个顺序列表,用LI表示当前列表项的开始,而列表项的结束,则是靠后一列表项的开始来暗示的.如果这段代码出现在XML文档中,浏览器是不会正确解析这个页面的,因为它并不是一个结构良好的文档.XML文档中的标签必须显式出现,不能隐含.如果用XML实现上面的例子,必须这样书写:OLLINumberlistitemone/LILINumberlistitemtwo/LILINumberlistitemthree/LI/OL从上面这个例子中,你能看到,第一个列表必须包含在开始标签和结束标签之间,以满足结构良好的XML文档的第一个规则.*空标签的结束字符''前必须使用'/'字符.所谓空标签,是指标签的所有信息都放在它的分界符里,没有任何属于它的文本信息.比如象HTML中的BR和IMG,都不需要结束标签,因为标签里已经包含了所有的信息.HTML中的标签全部是预定义的,浏览器能够直接识别.但是必须记住,XML中没有任何预定义的标签,用户为自己的页面定义自己的语言.正因为这样,XML并不能知道BR,IMG是空标签,你必须在标签的结束处加上斜杠(/),来指明他们是空标签.就像这样:BR/IMGSRC=image.gif/*所有的属性值必须用双引号括起来.在HTML当中,下面的语法是正确的:TDWIDTH=25%TDWIDTH=25%然而在XML当中,由于属性值必须用引号括起来,所以只有前面一句和/TD配合起来才是合法的.*标签不能交叠使用比如说,下面这行语句就交叠起来了:CITYChicagoSTATEMichigan/CITY/STATE在XML中,必须从里到外地关闭标签,正确的顺序是:CITYChicagoSTATEMichigan/STATE/CITY*标签大小写敏感,每次都必须严格匹配在XML文档中,必须区分大小写,如果你写了如下的语句,将导致一个致命的错误(fatalerror):PAblewasI,ereIsawElba/p标签P不能用来关闭标签/p,因为两者的大小写是不同的.所有的标签必须大小写严格匹配.一个结构良好的XML文档,就是一个严格遵循XML标签规则,但没有文档类型定义(DTD,DocumentTypeDefinition)的文档.
本文标题:div+css布局的好处
链接地址:https://www.777doc.com/doc-6282886 .html