xhtml和css开发规范与命名参考

《xhtml和css开发规范与命名参考》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、XHTML和CSS开发规范与命名参考河南大学计算机与信息工程学院2010年7月9日星期五杜晓孔目录1Web标准31.1Web标准是什么？31.2采用web标准的好处32页面的基本构成和开发标准52.1选择合适的DOCTYPE现阶段统一使用XHTML1.0Transitional标准62.2定义名字空间标准必须引用62.3定义语言编码默认使用utf-8编码62.4下面的语句是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。62.5设置页面标题，必须设置，不准留空。必须根据页面内容进行设置，不准随便设置。62.6调用样式表，除简

2、单的独立页面之外全部采用外部调用的方式加载样式表62.7HEAD区域其它相关设置62.8CSS统一放在里，不允许放在里72.9内的模块都要加注释标准注释格式如下：72.10各个模块合理嵌套和缩进缩进一律用Tab，禁止用空格72.11页面中的图片，必须填写alt属性，不允许为空。72.12尽可能少的使用target=”_blank”,不要总是让用户在新标签页中打开网页72.13每页有尽可能少的HTTP请求。72.14尽可能的使用csssprite技术，减少页面中图片请求数量82.15同一个页面中尽量

3、避免重复包含CSS文件或JS文件。82.16绝对不允许引用其他网站的css和Javascript等文件。83(X)HTML书写规范83.1基本书写规范83.2相关标签的语义83.3模块效果与标签写法94CSS编码规范104.1基本书写规范104.2CSS命名参考115其它规范146页面质量评估标准141Web标准1.1Web标准是什么？“WEB标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。一般的误区经常把WEB标准说成DIV+C

4、SS。准确的说法应该是：采用W3C推荐的WEB标准中的XHTML1.1结合CSS2.0样式表制作页面的方法，DIV应该指的是XHTML标签，而CSS指的是样式表了。1.2采用web标准的好处1.节约运营成本采用WEB标准制作，我们可以做到表现和形式及内容的分离，我们采用XHTML语言来表现(数据)，用CSS来控制(页面元素呈现的)形式。写的好的页面，XHTML代码中基本上都是用户要看的数据，而其他修饰性的东西，全部由CSS来控制。这样一来(XHTML)页面的体积就大大减小了，这样带宽上的费用就会大家降低了2.用户友好性第一类：普通用

5、户(每个访问我们网站的人)；第二类：搜索引擎；第三类：更多的设备（手机、PDA、媒体机等）采用WEB标准开发的页面，结构清晰，页面体积小，浏览器兼容性好。普通用户访问的时候，页面打开速度快，而且不管用户使用那种浏览器，都能够正常访问(显示)页面，且页面的结构清晰，要找的数据可以很方便的浏览到。而对搜索引擎来说，一个好的采用WEB标准开发的页面，都是做过SEO优化的，访问起来很友好，很容易理解页面中哪里是标题(H1~H6标签)，哪里是段落(p标签)，哪里是段落里要强调的内容(strong标签)等，它可以很容易的分析出来。而一个SEO好

6、的站点，被搜索引擎收录的机会更多，这个也意味着会被更多的普通用户访问到，搜索引擎会带来更多的用户。随着智能手机的大量普通及Wifi配置渐渐成为主流，手机上网需求变得越来越迫切，以使我们也不得不考虑到页面在手机上的显示，对于当前标准化形式下，基于标准，将是可行之道！3.内容跨平台的可用性通过将内容与设计进行分离的方法，可以使信息以较低的成本实现跨平台的转换。4.加快页面解析速度通过实际测试证明，采用内容与设计分离的结构进行页面设计，可使浏览器对网页的解析速度大幅提高，相对于老式的内容与设计混编的方法，浏览器在解析中可以更好的解析结构、

7、内容和设计。1.更良好的用户体验采用表现与内容分离技术使我们在建设网站时，能够充分的对网站的内容、设计统一性、可用性进行思考与设计，从而提高网站的可用性，改善用户体验及印象。同时更加适用于在web2.0浪潮中不断变化的互联网形态。1页面的基本构成和开发标准

8、rg/1999/xhtml">