千家信息网

DIV+CSS网页布局中CSS无效的原因是什么

发表于:2024-10-17 作者:千家信息网编辑
千家信息网最后更新 2024年10月17日,这篇文章主要讲解了"DIV+CSS网页布局中CSS无效的原因是什么",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"DIV+CSS网页布局中CSS无效的原
千家信息网最后更新 2024年10月17日DIV+CSS网页布局中CSS无效的原因是什么

这篇文章主要讲解了"DIV+CSS网页布局中CSS无效的原因是什么",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"DIV+CSS网页布局中CSS无效的原因是什么"吧!

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

我们从52CSS.com中学习DIV+CSS网页布局的知识,可是W3Cvalidation有时难以操作,但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难住了大批程序员,本文就告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。

  1、不要担心验证程序的警告:如果验证程序说发现12处错误以及83处警告,不要理它,继续进行下一步。

2、一次更正一个错误:按顺序进展工作,从上到下,一次修正一个错误。HTML用浏览器从上到下浏览,这些错误也是按同样顺序显示。

3、每次修正代码后要刷新代码,使它们重新生效:一个小错误常常会引发之后整页的连串错误。因此如果操作不当,"修正错误"也可能引发更多错误。每次修正后使代码重新生效,这样就可以确保完全解决问题。

◆知道了上面这些基本的异常情况,下面我们就来看看DIV+CSS版面设计中CSS无效的几个原因。

一、DIV标签未关闭

这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时,总会大吃一惊。开启的DIV标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。验证程序有时会指向错误的开启DIV标签,诊断时就像大海捞针一样麻烦。

二、麻烦的embed标签

九十年代早期,Microsoft和Netscape的浏览器开始能够辨认非标准的独有字体。遗憾的是这意味着W3C验证程序还不能识别某些关键HTML标签,如"embed",即使这些标签已经被广泛使用。如果确实希望得到严格的DOCTYPE(文档类型)验证,就只能放弃嵌套。
如果同时想要生效的版面设计和嵌入式媒体,可以试试FlashSatay方法。

三、不当的DOCTYPE声明

不声明DOCTYPE,或者在文件开始错误声明DOCTYPE,也是一个常见错误。根据一般经验,StrictDOCTYPE是大家追求的***级验证。Strictvalidation表明你的网页能够在所有浏览器上都得到***展示。关于DTD文档类型的声明,您可以参考52CSS.com的相关文章。

四、结尾斜线

DIV+CSS网页布局时如果你的网站不能验证,很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西,特别是在image标签等元素中。
在严格的DOCTYPE中这是无效的。要在img标签结尾处加上"/"以解决此问题。

ps:表单中的input元素也是一样的要使用"/"标签

五、Align标签

如果DOCTYPE被设为Transitional,你就会使用"align"标签,但如果要求更高一点希望得到Strict验证,你会看到很多错误。Align是另一个不可用于版面设计的标签。可以尝试用"float"或者"text-align"来代替align转换元素。

六、JavaScript

如果已经声明StrictDOCTYPE,就需要在JavaScript中覆盖CDATA标签。验证程序的这一方面难倒了很多程序员,因为网站倾向于为广告和追踪脚本使用嵌入的JavaScript。如果必须用到JavaScript,可以在其前后加上如下标签:

  七、图像需要"alt"属性

你可能还没有注意到,DIV+CSS网页布局时图像也是高级验证的潜在绊脚石。除了结尾斜线,高级验证也要求用alt标签来描述图像,如alt="Scaryvampirepicture"。
搜索引擎也靠alt标签来识别网页上的图像,所以无论怎样加上alt标签总是好的。

  八、未知实体数据

实体数据是又一个影响验证的易犯错误。我们可以考虑用适当的编码字符来代替"&"等符号。entirelist中列出在XHTML版块设计中可用的适当的编码字符实体数据。

九、不良嵌套

嵌套就是元素里又包括元素,我们容易混淆嵌套元素的顺序。例如在DIV标签前启动strong标签,但又先关闭DIV标签。这可能不会改变版块布局,但却会使你的版块设计失效。

  十、缺少"title"标签

尽管这看上去是一个很明显的错误,很多程序员(包括我自己)还是经常会在"head"版块中遗漏title标签。当你看到"missingarequiredsub-elementofHEAD"(缺少HEAD的必要子元素)时,才会发现自己忘记添加title标签了。

感谢各位的阅读,以上就是"DIV+CSS网页布局中CSS无效的原因是什么"的内容了,经过本文的学习后,相信大家对DIV+CSS网页布局中CSS无效的原因是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!

标签 验证 错误 网页 程序 布局 设计 原因 元素 版块 版面 版面设计 问题 浏览 代码 图像 斜线 浏览器 实体 常见 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 网络技术安全组长岗位说明书 肝细胞癌数据库 软件开发外包合同范本 郑州绍达网络技术有限责任公司 西昌学院数据库原理及应用期末 搭建游戏服务器nginx 数据库文件不显示目录 大班幼儿网络安全宣传手抄报 福建网络技术开发计划表 太古时代网络技术有限公司 服务器镜像文件可以查到什么 深圳服务器设备供货商哪家服务好 软件开发流程图说明 行业软件开发逻辑 好用的app软件开发制作定做 能接受信息显示无法连接服务器 丹东赛区辽宁省网络安全 软件开发预算有定额吗 数据库rollup函数 学人工智能还是软件开发 数据库结构版本 属于数据库管理的是什么 学校网络安全教育知识 滨海新区软件开发 软件开发的相关问题 印度软件开发地 班加罗尔 蓝博网络技术有限公司 数据库的隔离性怎么保证 一名网络技术员正在医疗 抖音有软件开发吗
0