HTML4和HTML5之間除了相似以外的10個主要不同
來源:易賢網 閱讀:1316 次 日期:2016-08-01 16:07:30
溫馨提示:易賢網小編為您整理了“HTML4和HTML5之間除了相似以外的10個主要不同”,方便廣大網友查閱!

HTML5是最新的HTML標準,或遲或早,所有的web程序員都會發(fā)現(xiàn)需要使用到這個最新的標準,而且,很多人都會感覺到,重新開發(fā)一個HTML5的網站,要比把一個網站從HTML4遷移到HTML5上容易的多,這是因為這兩個版本之間有很大不同之處。

事實上,HTML5并沒有對HTML4做什么重大的修改,它們很多東西都是相似的。

可是,其中有一些很重要的區(qū)別你需要知道。下面列出的就是一些HTML4和HTML5之間主要的不同之處(并不是全部,全部列出來是不可能的):

1. HTML5標準還在制定中

這頭一個不同之處顯而易見,但非常重要,我需要先從它開始。也許你已經注意到了關于HTML5很酷的言論到處都是,但是事實情況是,HTML5是一個還未完成的標準。HTML4已經有10歲了,但它仍是當前正式的標準的事實沒有改變。

另一方面,HTML5仍處在早期階段,以后的修改會不斷的出現(xiàn)。你必須考慮到這些,因為你在網站上使用的這些新增加或修改的網頁元素會每年都出現(xiàn)一些變化,你需要不停的更新升級你的網站,這可不是你希望的。這就是目前為止,你最好在產品里使用HTML4,只在實驗里使用HTML5的原因。

2. 簡化的語法

更簡單的doctype聲明是HTML5里眾多新特征之一?,F(xiàn)在你只需要寫<!doctype html>,這就行了。HTML5的語法兼容HTML4和XHTML1,但不兼容SGML。

3. 一個替代Flash的新 <canvas> 標記

對于Web用戶來說,F(xiàn)lash既是一個驚喜,也是一種痛苦。有很多的Web開發(fā)人員對HTML5對Flash產生的威脅很不滿。但對于那些忍受著要花幾年時間加載和運行的臃腫的Flash視頻的人來說,用新的 <canvas> 標記生成視頻的技術已經到來。

目前, <canvas> 標記并不能提供所有的Flash具有的功能,但假以時日,F(xiàn)lash必將從web上淘汰。我們拭目以待,因為很多人還并不認同這種觀點。

4. 新的 <header> 和 <footer> 標記

HTML5的設計是要更好的描繪網站的解剖結構。這就是為什么這些<header> 和

<footer> 等新標記的出現(xiàn),它們是專門為標志網站的這些部分設計的。

在開發(fā)網站時,你不在需要用<div>標記來標注網頁的這些部分。

5. 新的 <section> 和 <article> 標記

跟<header> 和 <footer>標記類似,HTML5中引入的新的<section> 和 <article> 標記可以讓開發(fā)人員更好的標注頁面上的這些區(qū)域。

據推測,除了讓代碼更有組織外,它也能改善SEO效果,能讓搜索引擎更容易的分析你的頁面。

6. 新的 <menu> 和 <figure> 標記

新的<menu>標記可以被用作普通的菜單,也可以用在工具條和右鍵菜單上,雖然這些東西在頁面上并不常用。

類似的,新的 <figure> 標記是一種更專業(yè)的管理頁面上文字和圖像的方式。當然,你可以用樣式表來控制文字和圖像,但使用HTML5內置的這個標記更適合。

7. 新的 <audio> 和 <video> 標記

新的<audio> 和 <video> 標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱,它們是用來嵌入音頻和視頻文件的。

除此之外還有一些新的多媒體的標記和屬性,例如<track>,它是用來提供跟蹤視頻的文字信息的。有了這些標記,HTML5使Web2.0特征變得越來越友好。問題在于,在HTML5還未被廣泛的接受之前,Web2.0還是老的Web2.0。

8. 全新的表單設計

新的 <form> 和 <forminput> 標記對原有的表單元素進行的全新的修改,它們有很多的新屬性(以及一些修改)。如果你經常的開發(fā)表單,你應該花時間更詳細的研究一下。

9. 不再使用 <b> 和 <font> 標記

對我個人來說,這是一個讓我不太理解的改動。我并不認為去除 <b> 和 <font>標記會帶來多大的好處。我知道,官方的指導說這些標記可以通過CCS來做更好的處理,但這樣一來,為了在文章一兩個地方出現(xiàn)的這種標記,你就需要在獨立的css和文本兩個地方來實現(xiàn)這一的功能,豈不笨拙。也許我們以后會習慣這種方法。

10. 不再使用 <frame>, <center>, <big> 標記

事實上,我已經記不清曾經何時用過這些標記了,所以,我并不為去除這些標記感到悲哀。相同的原因,有更好的標記能實現(xiàn)它們的功能——這很好,任何作廢的標記從標準中剔除都是受歡迎的。

這10個HTML5和HTML4之間的不同只是整個新的規(guī)范中的一小部分。除了這些主要的變動外,我還可以略提一下一些次要的改動,比如修改了<ol> 標記的屬性,讓它能夠倒排序,對<u>標記也做了修改。

所有這些次要的改動數(shù)量眾多。而且新的修改也在不斷的增加,因此,如果你想實時跟蹤最新的動向,你需要經常的查看w3.org的HTML4 和 HTML5之間的不同這個頁面。如果你很心急,想在你的工作中使用這些新的標記和屬性,我勸告你最好只是做實驗,原因已經說的很清楚了,這些新標記和新屬性在將來也許會有很大的改變,所以,除非你不斷的更新你的代碼,它們很可能會過期失效。

盡管如今大多數(shù)流行的瀏覽器的最新版都支持HTML5,但有些新的(或修改的)標記和屬性它們并不支持,所以你的網頁在用戶的屏幕上有可能前后顯示的不一致。耐心等待,等待HTML5真正可以實用時候。目前還不是時候。

更多信息請查看網頁制作

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網