6 WEB标准.docVIP

?CSS web标准信息列表 ? 注意规范您的css命名的大小写? ? html标准主要注意重点?? ? CSS属性之间用小写分号隔开?? ? html与xhtml的区别规范是什么??? 注意规范您的css命名的大小写这里指的CSS命名大小写是指的css属性选择器命名以英文半角方式小写。如正确的#yanshi{..},不正确#YANGSHI{...}、#YangShi{...}。为什么要注意这点了，因为css hack就是从这些点滴做起的，形成良好的书写习惯非常重要。 首先举例说明下英文浏览器版本、操作系统、浏览器品牌不同会导致对读取大小写非常过敏，加入你在命名CSS的是用#YangShi来命名，而在html中使用yanshi全小写来调用，这样在有些标准浏览器将不能解释，就意味着css无效。 当然可以css命名及html中调用时注意大小写统一，如命名以全大写方式命名，html就要以全大写方式调用css样式。但是在代码写多了，忘记了css里某些样式命名大写还是小写（虽然可以再查看css样式，但是浪费时间），这样将会出现伪css hack 。 总结所以我们统一命名css样式的css命名的时候全部用半角小写英文方式命名。扩展延读：错误的数字css命名 html标准主要注意重点标准html符合w3c的源代码如下 ?!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titlehtml标准源代码-/titlemeta name=keywords content=关键字 //headbody第一行br /第二行p第二段/pp第三段/p/body/html 符合w3c标准的html标准需要注意的地方1、首先要DOCTYPE声明2、以html就要以/html结束 3、注意一对组合型标签如title就要以/title结束，常见的一对组合型标签有div、p、title、head、html、table、tr、td、span、style、b、strong、ul、ol、li、dl组合（dl、dt、dd）、body扩展知识：div与span区别、css li 4、单独型标签如换行标签br等标签就要以br /标签来表示单独型标签有br、meta 、link扩展知识：br与p区别用法? 5、标签名注意尽量用半角英文小写，如div,尽量少用全角大写如DIV 根据html标准、web标准、w3c标准都需要执行遵循以上要点来符合标准。怎么知道什么时候需要一对型标签方式、什么时候需要单独型呢，这个需要大家在开发div+css的时候多注意记住，还有就是使用Dreamweaver软件来简单判断。 使用Dreamweaver来判断标签方法如下可以在Dreamweaver软件中“代码”中手写代码方式来，一般Dreamweaver软件在写到以“”结束一个标签时候，如果是单独型标签Dreamweaver软件将自动转换为“/”如“br /”，如果是对应一对型标签时候将不会转换写“”标签将显示“”标签而不会变化为“/”，这个时候你就需要在结束的时候再以“/”加标签名加“”结束标签，如“div”就要以“/div”结束。 CSS属性之间用小写分号隔开CSS属性之间用小写半角分号结束隔开 接下来我们来了解下css属性里的样式。首先我们来看一段css文件代码.logo{ float:left; padding-top:5px;}这是一段随便找来的一个css选择器-css样式，这里要说的是float:left;与padding-top:5px;后面结束都是以分号“;”来结束，不能以中文的分号或者全角输入法的分号。怎么区分分号是否正确1、看分号大小及占用的位置宽度小写半角分号“;”大小的分号“；”可以明显的看出吧2、可以使用软件，这里用Dreamweaver演示可以明显的看出小写的“;”与大写的“；”的不同是大写的占用宽度大，颜色是“蓝色”的。 使用错误的分号或者在前面样式的后面没有加上分号会有什么结果呢无论是错误分号或者在一个选择器里前面样式结束没有加分号，都会导致后面的样式失效，这也可以说是css hack吧。 html与xhtml的区别规范是什么html与xhtml的最主要的不同区别：（以下的讲解例子中将用红色区分） 1、XHTML 元素必须被正确地嵌套。 例子：一般html网页可以“bi主要内