文档介绍：XHTML和CSS开发规范与命名参考河南大学计算机与信息工程学院2010年7月9日星期五杜晓孔目录1 Web标准 Web标准是什么? 采用web标准的好处 32 页面的基本构成和开发标准 定义名字空间标准必须引用 定义语言编码默认使用utf-8编码 下面的语句是针对老版本浏览器写的,以保证各种浏览器都能正确解释页面。 设置页面标题,必须设置,不准留空。必须根据页面内容进行设置,不准随便设置。 调用样式表,除简单的独立页面之外全部采用外部调用的方式加载样式表 HEAD区域其它相关设置 CSS统一放在<head>里,不允许放在<body>里 <body>内的模块都要加注释标准注释格式如下: 各个模块合理嵌套和缩进缩进一律用Tab,禁止用空格 页面中的图片,必须填写alt属性,不允许为空。 尽可能少的使用target=”_blank”,不要总是让用户在新标签页中打开网页 每页有尽可能少的HTTP请求。 尽可能的使用csssprite技术,减少页面中图片请求数量 同一个页面中尽量避免重复包含CSS文件或JS文件。 绝对不允许引用其他网站的css和Javascript等文件。 83 (X)HTML书写规范 基本书写规范 相关标签的语义 模块效果与标签写法 94 CSS编码规范 基本书写规范 CSS命名参考 115 其它规范 146 页面质量评估标准 14Web标准Web标准是什么?“WEB标准”是一系列标准的总称,、、、、、、。一般的误区经常把WEB标准说成DIV+CSS。准确的说法应该是:,DIV应该指的是XHTML标签,而CSS指的是样式表了。采用web标准的好处节约运营成本采用WEB标准制作,我们可以做到表现和形式及内容的分离,我们采用XHTML语言来表现(数据),用CSS来控制(页面元素呈现的)形式。写的好的页面,XHTML代码中基本上都是用户要看的数据,而其他修饰性的东西,全部由CSS来控制。这样一来(XHTML)页面的体积就大大减小了,这样带宽上的费用就会大家降低了用户友好性第一类:普通用户(每个访问我们网站的人);第二类:搜索引擎;第三类:更多的设备(手机、PDA、媒体机等)采用WEB标准开发的页面,结构清晰,页面体积小,浏览器兼容性好。普通用户访问的时候,页面打开速度快,而且不管用户使用那种浏览器,都能够正常访问(显示)页面,且页面的结构清晰,要找的数据可以很方便的浏览到。而对搜索引擎来说,一个好的采用WEB标准开发的页面,都是做过SEO优化的,访问起来很友好,很容易理解页面中哪里是标题(H1~H6标签),哪里是段落(p标签),哪里是段落里要强调的内容(strong标签)等,它可以很容易的分析出来。而一个SEO好的站点,被搜索引擎收录的机会更多,这个也意味着会被更多的普通用户访问到,搜索引擎会带来更多的用户。随着智能手机的大量普通及Wifi配置渐渐成为主流,手机上网需求变得越来越迫切,以使我们也不得不考虑到页面在手机上的显示,对于当前标准化形式下,基于标准,将是可行之道!内容跨平台的可用性通过将内容与设计进行分离的方法,可以使信息以较低的成本实现跨平台的转换。加快页面解析速度通过实际测试证明,采用内容与设计分离的结构进行页面设计,可使浏览器对网页的解析速度大幅提高,相对于老式的内容与设计混编的方法,浏览器在解析中可以更好的解析结构、内容和设计。更良好的用户体验采用表现与内容分离技术使我们在建设网站时,能够充分的对网站的内容、设计统一性、可用性进行思考与设计,从而提高网站的可用性,改善用户体验及印象。。页面的基本构成和开发标准<!DOCTYPEhtmlPUBLIC"-//W3C////EN""/xhtml1/DTD/xhtml1-"><htmlxmlns="9/xhtml"><head> <metacontent="text/html;charset=utf-8"http-equiv="Content-Type"/><metacontent=""http-equiv="Cont