CSS教程：网页版面设计无效的10个原因

作者佚名技术来源 CSS技术浏览发布时间 2012-03-03

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
四、结尾斜线

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

<img src="http://www.Webjx.com/logo.png" alt="Webjx.com">
五、Align标签

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

六、JavaScript

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

<script type="text/javascript">
/* <![CDATA[ */
// JavaScript here
};
/* ]]> */
</script>

七、图像需要“alt”属性

　　你可能还没有注意到，图像也是高级验证的潜在绊脚石。除了结尾斜线，高级验证也要求用alt标签来描述图像，如alt= ”Scary vampire picture”。

　　搜索引擎也靠alt标签来识别网页上的图像，所以无论怎样加上alt标签总是好的。

八、未知实体数据

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

九、不良嵌套

　　嵌套就是元素里又包括元素，如下所示：

<div><strong>Sweet!</strong></div>
　　我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。

十、缺少“title”标签

　　尽管这看上去是一个很明显的错误，很多程序员（包括我自己）还是经常会在“head”版块中遗漏title标签。当你看到“missing a required sub-element of HEAD”（缺少HEAD的必要子

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: CSS学习之类目之间竖线的练习实例下一篇: CSS教程：彻底弄懂闭合浮动元素

关于CSS教程：网页版面设计无效的10个原因的所有评论

随机推荐