当前位置: 网站建设 > 网页设计 > 建站经验 >

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

时间:2013-03-02 04:12来源:未知 作者:admin 点击:

标签:网页布局中CSS无效的十个常见原因 网站建设(1202)CSS(823)常见(18)布局(72)网页(168)十个(7)原因(31)无效(1)
--> [网站建设之]网页布局中CSS无效的十个常见原因 我们学习Div+CSS网页布局的常识,可是W3Cvalidation有时难以操作,但用它你可以查看由版面设计引起的错误。验证程序抛出大批差错和忠告,阐明你的XHTML尚未完美,可能无奈在不同浏览器上坚持一致功效, 网页导航的设计与用户行为紧密相关 。下面十个轻微的失效问题难住了大量程序员,本文就告知你如何解决。在本文开始前先容一些使用W3C验证程序时需要注意的问题。 1、不要担忧验证程序的警告:如果验证程序说发现12处错误以及83处警告,不要理它,
网页布局中CSS无效的十个常见原因》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234J42013.htm
--> [网站建设之]网页布局中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标签了。

Tag:常见   原因  ,网页制作过程中应注意代码注释书写规范; 无效   布局   网页     常见   原因   无效   布局   网页    
(责任编辑:网站建设)
网页布局中CSS无效的十个常见原因相关文章
上一篇:网页导航的设计与用户行为紧密相关 下一篇:网页布局中外边距叠加问题
回到顶部