首先在http://validator.w3.org/验证了科慧乐网站改版后的页面。
起初错误很多,吓了一跳,经过分析后,重复的许多。
1、有一个多余的“</li>”,原因是从原来的代码中复制来,忘记删除li了。导致提示标签未关闭,并提示li标签应该在ul ol中,而在平时开发中用ul ol等标签做嵌套有点浪费标签,用<div><a></a> ...........<div>结构更好一些。除非是有二级、三级菜单嵌套,用ul li是合理的。解决了之后,少了3分之2的错误数;
2、对doctype的更换,html5建议是更换,其实换不换差别不大,好在查了一下,换简单的doctype,不会影响在ie中的表现,所以就更换了;
3、hgroup标签,提示是只能包含<h1-6>的标签,我包含的是<a>,其实是没有重视他的语义,这就是标题组,算是应用错误,用了<article>进行替换;
4、图片的alt标签,错误还真是挺多,做为页面图片加上alt是应该的,也不麻烦,在循环输出列表时把titile加上就OK了,其实加上Description更好,最终用:alt="[field:title /] - [field:infos /]",也有几率增加页面关键字分布;
5、meta、link标签没有有效关闭,仅使用了>结束,应该是 />比较严格,一一改正;
目前仍有问题的是:
1、嵌入的优酷视频播放代码,用的:<embed src="xxxxx" allowfullscreen="true" quality="high" width="305" height="145" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash"></embed>,提示<embed>的结束标签有问题,而且标签已经在html5中废弃,有替代标签,但这有点过了。。。。用<video>在ie中是不会直接能用的,还得用js去完善,不如就这样了。。。
2、<script language="javascript">可以省略其他标签了,直接用<script>即可,但这在IE中恐怕不行,还是保留吧。
3、marquee标签的错误: Element marquee not allowed as child of element div in this context. ,没太搞明白,不能做为div的子元素?决定无视。
4、还有,总在提示utf-8编码有问题,我这样声明:<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />,w3c网站、书籍中,都这样写。所以觉得可能是文档的编码问题,用的ANSI编码,他是希望UTF-8的编码,这个问题前阵子在做word批量导出时饱受折磨,改天再仔细研究一下。
哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站,并且能够搭建符合百度排名规范的网站基底,使您的网站无需额外费用,即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设。