css无效的常见原因
css无效的常见原因
css无效的常见原因一、li 标签未关闭
这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时,总会大吃一惊。开启的li标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。验证程序有时会指向错误的开启li标签,诊断时就像大海捞针一样麻烦。
二、麻烦的embed标签
九十年代早期,Microsoft和Netscape的浏览器开始能够辨认非标准的独有字体。遗憾的是这意味着W3C验证程序还不能识别某些关键HTML 标签,如“embed”,即使这些标签已经被广泛使用。如果确实希望得到严格的DOCTYPE(文档类型)验证,就只能放弃嵌套。
如果同时想要生效的版面设计和嵌入式媒体,可以试试Flash Satay方法。
三、不当的DOCTYPE声明
不声明DOCTYPE,或者在文件开始错误声明DOCTYPE,也是一个常见错误。根据一般经验,Strict DOCTYPE是大家追求的最高级验证。Strict validation表明你的网页能够在所有浏览器上都得到最佳展示。
四、结尾斜线
如果你的网站不能验证,很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西,特别是在image标签等元素中。
在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题。
五、Align标签
如果DOCTYPE被设为Transitional,你就会使用“align”标签,但如果要求更高一点希望得到Strict验证,你会看到很多错误。 Align是另一个不可用于版面设计的标签。可以尝试用“float”或者“text-align”来代替align转换元素。
六、JavaScript
如果已经声明Strict DOCTYPE,就需要在JavaScript中覆盖CDATA标签。验证程序的这一方面难倒了很多程序员,因为网站倾向于为广告和追踪脚本使用嵌入的 JavaScript。
七、图像需要“alt”属性
你可能还没有注意到,图像也是高级验证的潜在绊脚石。除了结尾斜线,高级验证也要求用alt标签来描述图像,如alt= ”Scary vampire picture”。
搜索引擎也靠alt标签来识别网页上的图像,所以无论怎样加上alt标签总是好的。
八、未知实体数据
实体数据是又一个影响验证的易犯错误。我们可以考虑用适当的编码字符来代替“&”等符号。entire list中列出在XHTML版块设计中可用的适当的编码字符实体数据。
九、不良嵌套
嵌套就是元素里又包括元素,我们容易混淆嵌套元素的顺序。例如在li标签前启动strong标签,但又先关闭li标签。这可能不会改变版块布局,但却会使你的版块设计失效。
十、缺少“title”标签
尽管这看上去是一个很明显的错误,很多程序员(包括我自己)还是经常会在“head”版块中遗漏title标签。当你看到“missing a required sub-element of HEAD”(缺少HEAD的必要子元素)时,才会发现自己忘记添加title标签了。
- css box样式(解析CSS的box model盒模型及其内的子元素布局控制)
- css绝对布局和相对布局(如何理解 CSS 布局和块级格式上下文)
- cssfloat和position功能(理解CSS浮动float、定位position)
- css修饰文本的方法(CSS常用文本样式总结)
- css3如何添加图形(CSS3地图动态实例代码圆圈向外扩散)
- css赛博朋克风格效果(CSS几步实现赛博朋克2077风格视觉效果)
- html+css网页布局实例(网页布局入门教程 如何用CSS进行网页布局)
- css3渐变放大功能(CSS3 渐变Gradients之CSS3 线性渐变)
- css 最高层级(浅谈CSS 权值 层叠 重要性!important)
- cssbackground(用 CSS background 实现刻度线的呈现)
- css的列表符号怎么设置(reset.css引入以及1px边框问题的解决方法)
- css控制表格换行
- css3图片悬停切换代码(CSS3 实现的图片悬停的切换按钮)
- css3背景制作(纯CSS3实现Material Design效果)
- css浮动位置讲解(深入理解css布局之定位与浮动)
- css导航条怎么做(CSS实现导航条Tab切换的三种方法介绍)
- 荣耀手表 GS 3 真机亮相 不支持无线充电(荣耀手表GS3)
- 通过体温就能为智能手表充电 原来是用NASA在空间站用的黑科技(通过体温就能为智能手表充电)
- 智能手表兼容Windows和Android 无需充电挑战苹果(智能手表兼容Windows和Android)
- 一天一冲也算表 麦步,一款待机 21 天的智能手表体验评测(一天一冲也算表)
- 魅族智能手表充电座曝光 Type-C 接口,线座分离设计(魅族智能手表充电座曝光)
- 华为 Watch GT2 Pro 智能手表曝光,新增支持无线充电(华为WatchGT2)
热门推荐
- 数据库常见的索引结构(数据库索引知识点整理)
- 移动网站性能优化
- 织梦怎么使用tag标签(织梦dedecms使用weight排序无效的解决方法)
- python真的能高效处理excel报表吗(Python数据报表之Excel操作模块用法分析)
- ftp服务器的安装与配置(详解ftp环境配置解决方案vsftpd)
- iis搭建网站的地址(IIS站点所有文件直接下载 强制下载)
- docker容器内服务怎么启动(docker部署confluence的完整步骤)
- wampserver怎么使用(wampserver怎么用?如何使用wampserver来配置本地php环境)
- dedecms安装与配置详解(LuManager服务器管理软件安装DEDECMS软件图文教程)
- .Net单元测试的方法