現(xiàn)階段html5跟html4的十個(gè)主要區(qū)別
HTML5是最新的HTML規(guī)范，或遲或早，一切的web順序員都邑發(fā)現(xiàn)需求運(yùn)用到這個(gè)最新的規(guī)范，并且，良多人都覺得，從新設(shè)計(jì)一個(gè)HTML5的網(wǎng)站，要比把一個(gè)網(wǎng)站從HTML4搬遷到HTML5上容易的多，這是由于這兩個(gè)版本之間有很大不同之處。
現(xiàn)實(shí)上，HTML5并沒有對HTML4做什么太多的修正，它們很多地方都是類似的。
1. HTML5標(biāo)準(zhǔn)還在制定中
這頭一個(gè)分歧之處不言而喻，但十分主要，我需求先從它開端。也許你曾經(jīng)留意到了關(guān)于HTML5很酷的信息到處都是，然則現(xiàn)實(shí)狀況是，HTML5是一個(gè)還未完成的規(guī)范。HTML410歲了，但它仍是當(dāng)時(shí)正式的規(guī)范的現(xiàn)實(shí)沒有變。
另一方面，HTML5仍處在早期階段，今后的修正會不時(shí)的呈現(xiàn)。你必需思索到這些，由于你在網(wǎng)站上運(yùn)用的這些新添加或修正的網(wǎng)頁元素會每年都呈現(xiàn)一些轉(zhuǎn)變，你需求一直的更新晉級你的網(wǎng)站，這可不是你但愿的。這就是當(dāng)前為止，你最好在產(chǎn)物里運(yùn)用HTML4，只在實(shí)行里運(yùn)用HTML5的緣由。
2. 簡化的語法
更簡單的doctype聲明是HTML5里眾多新特征之一?，F(xiàn)在你只需要寫<!doctype html>，這就行了。HTML5的語法兼容HTML4和XHTML1，但不兼容SGML。
3. <canvas> 標(biāo)記替代Flash
對于Web用戶來說，F(xiàn)lash既是一個(gè)驚喜，也是一種痛苦。有很多的Web開發(fā)人員對HTML5對Flash產(chǎn)生的威脅很不滿。但對于那些忍受著要花幾年時(shí)間加載和運(yùn)行的臃腫的Flash視頻的人來說，用新的 <canvas> 標(biāo)記生成視頻的技術(shù)已經(jīng)到來。
目前， <canvas> 標(biāo)記并不能提供所有的Flash具有的功能，但假以時(shí)日，F(xiàn)lash必將從web上淘汰。我們拭目以待，因?yàn)楹芏嗳诉€并不認(rèn)同這種觀點(diǎn)。
4. 新的 <header> 和 <footer> 標(biāo)記
HTML5的設(shè)計(jì)是要更好的描繪網(wǎng)站的解剖結(jié)構(gòu)。這就是為什么這些<header> 和
<footer> 等新標(biāo)記的出現(xiàn)，它們是專門為標(biāo)志網(wǎng)站的這些部分設(shè)計(jì)的。
在開發(fā)網(wǎng)站時(shí)，你不在需要用<div>標(biāo)記來標(biāo)注網(wǎng)頁的這些部分。
5. 新的 <section> 和 <article> 標(biāo)記
跟<header> 和 <footer>標(biāo)記類似，HTML5中引入的新的<section> 和 <article> 標(biāo)記可以讓開發(fā)人員更好的標(biāo)注頁面上的這些區(qū)域。
據(jù)推測，除了讓代碼更有組織外，它也能改善SEO效果，能讓搜索引擎更容易的分析你的頁面。
6. 新的 <menu> 和 <figure> 標(biāo)記
新的<menu>標(biāo)記可以被用作普通的菜單，也可以用在工具條和右鍵菜單上，雖然這些東西在頁面上并不常用。
類似的，新的 <figure> 標(biāo)記是一種更專業(yè)的管理頁面上文字和圖像的方式。當(dāng)然，你可以用樣式表來控制文字和圖像，但使用HTML5內(nèi)置的這個(gè)標(biāo)記更適合。
7. 新的 <audio> 和 <video> 標(biāo)記
新的<audio> 和 <video> 標(biāo)記可能是HTML5中增加的最有用處的兩個(gè)東西了。正如標(biāo)記名稱，它們是用來嵌入音頻和視頻文件的。
除此之外還有一些新的多媒體的標(biāo)記和屬性，例如<track>，它是用來提供跟蹤視頻的文字信息的。有了這些標(biāo)記，HTML5使Web2.0特征變得越來越友好。問題在于，在HTML5還未被廣泛的接受之前，Web2.0還是老的Web2.0。
8.新的 <form> 和 <forminput>
新的 <form> 和 <forminput> 標(biāo)記對原有的表單元素進(jìn)行的全新的修改，它們有很多的新屬性(以及一些修改)。如果你經(jīng)常的開發(fā)表單，你應(yīng)該花時(shí)間更詳細(xì)的研究一下。
9. 廢除 <b> 和 <font> 標(biāo)記
對我個(gè)人來說，這是一個(gè)讓我不太理解的改動。我并不認(rèn)為去除 <b> 和 <font>標(biāo)記會帶來多大的好處。我知道，官方的指導(dǎo)說這些標(biāo)記可以通過CCS來做更好的處理，但這樣一來，為了在文章一兩個(gè)地方出現(xiàn)的這種標(biāo)記，你就需要在獨(dú)立的css和文本兩個(gè)地方來實(shí)現(xiàn)這一的功能，豈不笨拙。也許我們以后會習(xí)慣這種方法。
10. 廢除 <frame>, <center>, <big> 標(biāo)記
現(xiàn)實(shí)上，我曾經(jīng)記不清曾經(jīng)何時(shí)用過這些標(biāo)志了，所以，我并不為去除這些標(biāo)志覺得難過。一樣的緣由，有更好的標(biāo)志能完成它們的功用——這很好，任何作廢的標(biāo)志從規(guī)范中剔除都是受歡迎的。
這10個(gè)HTML5和HTML4之間的分歧只是整個(gè)新的標(biāo)準(zhǔn)中的一小局部。除了這些首要的變化外，我還可以略提一下一些非必須的改動，比方修正了標(biāo)志的屬性，讓它可以倒排序，對標(biāo)志也做了修正。一切這些非必須的改動數(shù)目很多。并且新的修正也在不時(shí)的添加，因而，假如你想及時(shí)跟蹤最新的意向，你需求常常的檢查w3.org的HTML4 和 HTML5之間的分歧這個(gè)頁面。假如你很心急，想在你的任務(wù)中運(yùn)用這些新的標(biāo)志和屬性，我勸說你最好只是做實(shí)行，緣由曾經(jīng)說的很清晰了，這些新標(biāo)志和新屬性在未來也許會有很大的改動，所以，除非你不時(shí)的更新你的代碼，它們很能夠會過時(shí)掉效。雖然現(xiàn)在大大都盛行的閱讀器的最新版都支撐HTML5，但有些新的(或修正的)標(biāo)志和屬性它們并不支撐，所以你的網(wǎng)頁在用戶的屏幕上有能夠前后顯示的紛歧致。耐性等候，等候HTML5真正可以適用時(shí)分。當(dāng)前還不是時(shí)分。
現(xiàn)實(shí)上，HTML5并沒有對HTML4做什么太多的修正，它們很多地方都是類似的。
1. HTML5標(biāo)準(zhǔn)還在制定中
這頭一個(gè)分歧之處不言而喻，但十分主要，我需求先從它開端。也許你曾經(jīng)留意到了關(guān)于HTML5很酷的信息到處都是，然則現(xiàn)實(shí)狀況是，HTML5是一個(gè)還未完成的規(guī)范。HTML410歲了，但它仍是當(dāng)時(shí)正式的規(guī)范的現(xiàn)實(shí)沒有變。
另一方面，HTML5仍處在早期階段，今后的修正會不時(shí)的呈現(xiàn)。你必需思索到這些，由于你在網(wǎng)站上運(yùn)用的這些新添加或修正的網(wǎng)頁元素會每年都呈現(xiàn)一些轉(zhuǎn)變，你需求一直的更新晉級你的網(wǎng)站，這可不是你但愿的。這就是當(dāng)前為止，你最好在產(chǎn)物里運(yùn)用HTML4，只在實(shí)行里運(yùn)用HTML5的緣由。
2. 簡化的語法
更簡單的doctype聲明是HTML5里眾多新特征之一?，F(xiàn)在你只需要寫<!doctype html>，這就行了。HTML5的語法兼容HTML4和XHTML1，但不兼容SGML。
3. <canvas> 標(biāo)記替代Flash
對于Web用戶來說，F(xiàn)lash既是一個(gè)驚喜，也是一種痛苦。有很多的Web開發(fā)人員對HTML5對Flash產(chǎn)生的威脅很不滿。但對于那些忍受著要花幾年時(shí)間加載和運(yùn)行的臃腫的Flash視頻的人來說，用新的 <canvas> 標(biāo)記生成視頻的技術(shù)已經(jīng)到來。
目前， <canvas> 標(biāo)記并不能提供所有的Flash具有的功能，但假以時(shí)日，F(xiàn)lash必將從web上淘汰。我們拭目以待，因?yàn)楹芏嗳诉€并不認(rèn)同這種觀點(diǎn)。
4. 新的 <header> 和 <footer> 標(biāo)記
HTML5的設(shè)計(jì)是要更好的描繪網(wǎng)站的解剖結(jié)構(gòu)。這就是為什么這些<header> 和
<footer> 等新標(biāo)記的出現(xiàn)，它們是專門為標(biāo)志網(wǎng)站的這些部分設(shè)計(jì)的。
在開發(fā)網(wǎng)站時(shí)，你不在需要用<div>標(biāo)記來標(biāo)注網(wǎng)頁的這些部分。
5. 新的 <section> 和 <article> 標(biāo)記
跟<header> 和 <footer>標(biāo)記類似，HTML5中引入的新的<section> 和 <article> 標(biāo)記可以讓開發(fā)人員更好的標(biāo)注頁面上的這些區(qū)域。
據(jù)推測，除了讓代碼更有組織外，它也能改善SEO效果，能讓搜索引擎更容易的分析你的頁面。
6. 新的 <menu> 和 <figure> 標(biāo)記
新的<menu>標(biāo)記可以被用作普通的菜單，也可以用在工具條和右鍵菜單上，雖然這些東西在頁面上并不常用。
類似的，新的 <figure> 標(biāo)記是一種更專業(yè)的管理頁面上文字和圖像的方式。當(dāng)然，你可以用樣式表來控制文字和圖像，但使用HTML5內(nèi)置的這個(gè)標(biāo)記更適合。
7. 新的 <audio> 和 <video> 標(biāo)記
新的<audio> 和 <video> 標(biāo)記可能是HTML5中增加的最有用處的兩個(gè)東西了。正如標(biāo)記名稱，它們是用來嵌入音頻和視頻文件的。
除此之外還有一些新的多媒體的標(biāo)記和屬性，例如<track>，它是用來提供跟蹤視頻的文字信息的。有了這些標(biāo)記，HTML5使Web2.0特征變得越來越友好。問題在于，在HTML5還未被廣泛的接受之前，Web2.0還是老的Web2.0。
8.新的 <form> 和 <forminput>
新的 <form> 和 <forminput> 標(biāo)記對原有的表單元素進(jìn)行的全新的修改，它們有很多的新屬性(以及一些修改)。如果你經(jīng)常的開發(fā)表單，你應(yīng)該花時(shí)間更詳細(xì)的研究一下。
9. 廢除 <b> 和 <font> 標(biāo)記
對我個(gè)人來說，這是一個(gè)讓我不太理解的改動。我并不認(rèn)為去除 <b> 和 <font>標(biāo)記會帶來多大的好處。我知道，官方的指導(dǎo)說這些標(biāo)記可以通過CCS來做更好的處理，但這樣一來，為了在文章一兩個(gè)地方出現(xiàn)的這種標(biāo)記，你就需要在獨(dú)立的css和文本兩個(gè)地方來實(shí)現(xiàn)這一的功能，豈不笨拙。也許我們以后會習(xí)慣這種方法。
10. 廢除 <frame>, <center>, <big> 標(biāo)記
現(xiàn)實(shí)上，我曾經(jīng)記不清曾經(jīng)何時(shí)用過這些標(biāo)志了，所以，我并不為去除這些標(biāo)志覺得難過。一樣的緣由，有更好的標(biāo)志能完成它們的功用——這很好，任何作廢的標(biāo)志從規(guī)范中剔除都是受歡迎的。
這10個(gè)HTML5和HTML4之間的分歧只是整個(gè)新的標(biāo)準(zhǔn)中的一小局部。除了這些首要的變化外，我還可以略提一下一些非必須的改動，比方修正了標(biāo)志的屬性，讓它可以倒排序，對標(biāo)志也做了修正。一切這些非必須的改動數(shù)目很多。并且新的修正也在不時(shí)的添加，因而，假如你想及時(shí)跟蹤最新的意向，你需求常常的檢查w3.org的HTML4 和 HTML5之間的分歧這個(gè)頁面。假如你很心急，想在你的任務(wù)中運(yùn)用這些新的標(biāo)志和屬性，我勸說你最好只是做實(shí)行，緣由曾經(jīng)說的很清晰了，這些新標(biāo)志和新屬性在未來也許會有很大的改動，所以，除非你不時(shí)的更新你的代碼，它們很能夠會過時(shí)掉效。雖然現(xiàn)在大大都盛行的閱讀器的最新版都支撐HTML5，但有些新的(或修正的)標(biāo)志和屬性它們并不支撐，所以你的網(wǎng)頁在用戶的屏幕上有能夠前后顯示的紛歧致。耐性等候，等候HTML5真正可以適用時(shí)分。當(dāng)前還不是時(shí)分。
