经过一直以来的学习与体会， 结合国外的技术动态、更新，认为HTML必然是未来的趋势，而网站制作技术也应该逐步的像HTML5迈进。

需提前做好准备，一步步熟悉特性，不能等着HTML5的标准都成熟了，再想起来改变。

在制作哈尔滨科慧乐教育网站过程中，开始融入了HTML5的标签，逐步让页面代码开始有语义，例如js代码：

 

//html 标签兼容ie

(function() {

     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');

     var i= e.length;

     while (i--){

         document.createElement(e[i])

     } 

})() 

就是为了兼容在IE中不识别html5语义标签的腻子（腻子，也就是css中常用的hack，从《响应式Web设计》中了解，觉得腻子的比喻更贴切，将老浏览器不兼容的地方抹平），再加上css部分对这些标签都赋予display:block的块级元素：

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

到处都是div的代码也是时候变变了，编码也会变得有趣。

 

在代码中应用起来，起初是有点不习惯，但这个是必须要一直用的，而且要用的更熟练、更准确。

在不断的尝试中，把网站做好了，在ie8 ie7 ie6中测试，兼容性不错。

------------------------

今日在浏览QQ空间，看到页面下方有html标记，点击是在w3c官方站点验证HTML5标签。

遂想何不测试一下，可进行验证html5时，发生了惨剧，许多平时不注意的细节展现了。许多的不标准提示，标签未关闭，还有一个</li>忘记删除，这真是太马虎了。

很好的锻炼机会，经历问题，才会有进步。

修改过程中遇到一个问题，需要将原来的Doctype：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">

修改为：

 

<!DOCTYPE HTML>

<html lang="zh-cn">

确实是精简了许多，而且是HTML5要求的写法。但有一个担心，不兼容html5的浏览器中会是啥效果？IE6会不会出问题？

经过群改后，在ie8、ie6中测试，没有发现变化，那是不是就没问题了呢，还是百度一下。

搜索之后，在个帖子里说不会有影响，贴了一个国外的百度知道网站的链接：

http://stackoverflow.com/questions/3911235/html-5-doctype-and-ie-6

解决了疑虑。

顺便说一下，这个网站很棒。。。很多疑难杂症，都找得到，前提是得会英文写关键字。。

 

 

 

　　哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站，并且能够搭建符合百度排名规范的网站基底，使您的网站无需额外费用，即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设。