經(jīng)過一直以來的學(xué)習(xí)與體會， 結(jié)合國外的技術(shù)動態(tài)、更新，認(rèn)為HTML必然是未來的趨勢，而網(wǎng)站制作技術(shù)也應(yīng)該逐步的像HTML5邁進(jìn)。
需提前做好準(zhǔn)備，一步步熟悉特性，不能等著HTML5的標(biāo)準(zhǔn)都成熟了，再想起來改變。
在制作哈爾濱科慧樂教育網(wǎng)站過程中，開始融入了HTML5的標(biāo)簽，逐步讓頁面代碼開始有語義，例如js代碼：
//html 標(biāo)簽兼容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語義標(biāo)簽的膩子（膩子，也就是css中常用的hack，從《響應(yīng)式Web設(shè)計》中了解，覺得膩子的比喻更貼切，將老瀏覽器不兼容的地方抹平），再加上css部分對這些標(biāo)簽都賦予display:block的塊級元素：
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
到處都是div的代碼也是時候變變了，編碼也會變得有趣。
在代碼中應(yīng)用起來，起初是有點不習(xí)慣，但這個是必須要一直用的，而且要用的更熟練、更準(zhǔn)確。
在不斷的嘗試中，把網(wǎng)站做好了，在ie8 ie7 ie6中測試，兼容性不錯。
------------------------
今日在瀏覽QQ空間，看到頁面下方有html標(biāo)記，點擊是在w3c官方站點驗證HTML5標(biāo)簽。
遂想何不測試一下，可進(jìn)行驗證html5時，發(fā)生了慘劇，許多平時不注意的細(xì)節(jié)展現(xiàn)了。許多的不標(biāo)準(zhǔn)提示，標(biāo)簽未關(guān)閉，還有一個</li>忘記刪除，這真是太馬虎了。
很好的鍛煉機會，經(jīng)歷問題，才會有進(jìn)步。
修改過程中遇到一個問題，需要將原來的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要求的寫法。但有一個擔(dān)心，不兼容html5的瀏覽器中會是啥效果？IE6會不會出問題？
經(jīng)過群改后，在ie8、ie6中測試，沒有發(fā)現(xiàn)變化，那是不是就沒問題了呢，還是百度一下。
搜索之后，在個帖子里說不會有影響，貼了一個國外的百度知道網(wǎng)站的鏈接：
http://stackoverflow.com/questions/3911235/html-5-doctype-and-ie-6
解決了疑慮。
順便說一下，這個網(wǎng)站很棒。。。很多疑難雜癥，都找得到，前提是得會英文寫關(guān)鍵字。。
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費用，即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設(shè)。