网页布局中CSS无效的十个常见原因

我们学习Div+CSS网页布局的常识，可是W3C validation有时难以操作，但用它你可以查看由版面设计引起的错误。验证程序抛出大批差错和忠告，阐明你的XHTML尚未完美，可能无奈在不同浏览器上坚持一致功效,网页导航的设计与用户行为紧密相关。下面十个轻微的失效问题难住了大量程序员，本文就告知你如何解决。在本文开始前先容一些使用W3C验证程序时需要注意的问题。 

　　1、不要担忧验证程序的警告：如果验证程序说发现12处错误以及83处警告，不要理它，持续进行下一步。 
　　2、一次更正一个错误：按顺序进展工作，从上到下,网页图片防盗链小技巧，一次修改一个毛病。HTML用浏览器从上到下阅读，这些错误也是按同样顺序显示。 
　　3、每次修正代码后要刷新代码，使它们重新生效：一个小错误经常会引发之后整页的连串错误。因而如果操作不当，“修正错误”也可能引发更多错误。每次修正后使代码从新生效，这样就可以确保完整解决问题。
　　晓得了上面这些基础的异样情形，下面我们就来看看版面设计无效的多少个起因。

　　一、div 标签未关闭
　　这是版面设计失效的最常见原因之一。当我们懂得到这是多少精巧的版块设计失效的祸首罪魁时，总会大吃一惊。开启的div标签是最广泛的版块设计失误之一，也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签，诊断时就像海底捞针一样麻烦。

　　二、麻烦的embed标签
　　九十年代早期，Microsoft和Netscape的浏览器开端可能识别非尺度的独占字体。遗憾的是这象征着W3C验证程序还不能辨认某些要害HTML 标签,网页制作：CSS细节优化集合，如“embed”，即便这些标签已经被普遍使用。如果确切愿望得到严厉的DOCTYPE(文档类型)验证，就只能废弃嵌套。
　　如果同时想要生效的版面设计和嵌入式媒体，可以尝尝Flash Satay方式。

　　三、不当的DOCTYPE声明
　　不声明DOCTYPE，或者在文件开始错误声明DOCTYPE，也是一个常见错误。依据个别教训，Strict DOCTYPE是大家寻求的最高级验证。Strict validation表明你的网页可以在所有浏览器上都得到最佳展现。对于DTD文档类型的声明，你可以参考52CSS.com的相干文章。

　　四、结尾斜线
　　如果你的网站不能验证，很有可能是在代码的某个处所漏写了结尾斜线。我们很容易疏忽结尾斜线之类的货色，特殊是在image标签等元素中。
　　在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题。

　　五、Align标签
　　假如DOCTYPE被设为Transitional，你就会应用“align”标签，但如果要求更高一点盼望得到Strict验证，你会看到良多过错。 Align是另一个不可用于版面设计的标签。能够尝试用“float”或者“text-align&rdquo,网页制作需掌握的6种能力;来取代align转换元素。

　　六、JavaScript
　　如果已经申明Strict DOCTYPE，就须要在JavaScript中笼罩CDATA标签。验证程序的这一方面难倒了许多程序员，由于网站偏向于为广告跟追踪脚本使用嵌入的 JavaScript。如果必需用到JavaScript，可以在其前后加上如下标签：

　　七、图像需要“alt”属性
　　你可能还不留神到，图像也是高级验证的潜在绊脚石。除了结尾斜线，高等验证也请求用alt标签来描写图像，如alt= ”Scary vampire picture”。
　　搜寻引擎也靠alt标签来识别网页上的图像，所以无论怎么加上alt标签老是好的。

　　八、未知实体数据
　　实体数据是又一个影响验证的易出错误。我们可以斟酌用恰当的编码字符来代替“&”等符号。entire list中列出在XHTML版块设计中可用的适当的编码字符实体数据。

　　九、不良嵌套
　　嵌套就是元素里又包含元素，咱们轻易混杂嵌套元素的次序。例如在div标签前启动strong标签，但又先封闭div标签。这可能不会转变版块布局，但却会使你的版块设计生效。

　　十、缺乏“title”标签
　　只管这看上去是一个很显明的错误，很多程序员(包括我自己)仍是常常会在“head”版块中漏掉title标签。当你看到“missing a required sub-element of HEAD”(缺少HEAD的必要子元素)时，才会发明本人忘却增加title标签了。