Div+CSS网页布局中CSS无效的十个常见原因 |
我们学习Div+CSS网页布局的 常识,可是W3C validation有时难以操作,但用它你 可以查看由版面设计引起的 错误 。验证程序抛出大量 错误和 忠告, 注明你的XHTML尚未完善,可能 无奈在不同阅读器上 维持 统一 性能 。下面十个 细微的失效问题难住了大批程序员,本文就告诉你如何解决 。在本文开始前介绍一些 使用W3C验证程序时需求 留神的问题 。 1、不要 担心验证程序的 忠告:假如验证程序说发现12处 舛误以及83处 忠告,不要理它, 接续进行下一步 。 2、一次更正一个 舛误:按顺序发展工作,从上到下,一次 修改一个 舛误 。HTML用阅读器从上到下阅读,这些 舛误也是按同样顺序显示 。 3、每次 修改代码后要刷新代码,使它们再一次生效:一个小 舛误 一般会激发之后整页的连串 舛误 。 因此假如操作不当,“ 修改 舛误”也可能激发更多 舛误 。每次 修改后使代码再一次生效,这样就 可以确保 彻底解决问题 。 晓得了上面这些 根本的 异样状况,下面我们就来看看版面设计无效的几个缘由 。 一、div 标签未关闭 这是版面设计失效的最常见缘由之一 。当我们了解到这是多少精巧的版块设计失效的罪魁祸首时,总会大吃一惊 。开启的div标签是最 广泛的版块设计失误之一,也是最难诊断的失误之一 。验证程序有时会指向 舛误的开启div标签,诊断时就像 铁树开花一样麻烦 。 二、麻烦的embed标签 九十年代早期,Microsoft和Netscape的阅读器开始 可以辨别非 标准的独有字体 。遗憾的是这 象征着W3C验证程序还不能 鉴别某些 要害HTML 标签,如“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”来 接替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标签了 。 |