主頁 > 知識庫 > HTML5和以前HTML4的區(qū)別整理

HTML5和以前HTML4的區(qū)別整理

熱門標簽:四川移動電銷外呼客戶管理系統(tǒng) 小朱地圖標注 智能芯電話機器人 地圖標注柱狀圖 400開頭的電話好申請不 怎么做百度地圖標注 臨海地圖標注app 百度地圖標注為什么總是封號 咸陽穩(wěn)定外呼系統(tǒng)軟件

HTML5是HTML標準的下一個版本。雖然HTML5沒有完全顛覆HTML4,但是它們也有一些不同。最新最全的HTML5-HTML4對比信息請看http://dev.w3.org/html5/html4-differences/,貌似略多的樣子。在這個IE還仍然存在的世界里,HTML5的差別先掌握一些即可,等全部支持后再細細研究也不遲。

1. 簡化的語法
HTML5簡化了很多細微的語法,例如doctype的聲明,你只需要寫<!doctype html>就行了。HTML 5 指定 UTF-8 編碼的方式如下<meta charset="UTF-8">

2. <canvas>標簽替代Flash
Flash給很多Web開發(fā)者帶來了麻煩,要在網(wǎng)頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發(fā)者只要使用一個標簽就能和用戶產(chǎn)生UI交互。

3 新增許多標簽
HTML5設(shè)計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性,所以增加了<header>和<footer>這樣的標簽,用來明確表示網(wǎng)頁的結(jié)構(gòu);新增 <section> 和 <article> 標簽,<section>和<article>也有利于清晰化網(wǎng)頁的結(jié)構(gòu),更有利于SEO;新增 <menu> 和 <figure> 標簽,<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單,也可以用于工具欄和上下文菜單。<figure>標簽使得網(wǎng)頁文字和圖片的排版更專業(yè); 新增 <audio> 和 <video> 標簽,這兩個標簽可能是HTML5里面最有用的兩個標簽了,使用起來時也異乎方便,如在HTML5頁面中嵌入視頻只需一小段

復制代碼
代碼如下:

<video width="450" height="340" controls>
<source src="jamshed.mp4" type="video/mp4">
Your browser does'nt support video embedding feature.
</video>

同理,音頻等其他的也類似。

4. 全新的表單
HTML5對 <form> 和 <forminput> 標簽進行了大量修改,添加了很多新的屬性,也修改了很多屬性,詳細https://www.jb51.net/w3school/html5/html_5_form_attributes.htm

5. 刪除 <b> 和 <font> 標簽,<frame>, <center>, <big> 標簽

6.HTML5 支持了不同類型的存儲類型

HTML5 支持本地存儲,在之前版本中是通過 Cookie 實現(xiàn)的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的對象可用來存儲數(shù)據(jù),HTML5通過JS來存儲和訪問數(shù)據(jù):

    localStorage 適用于長期存儲數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失
    sessionStorage 只是針對一個session的數(shù)據(jù)存儲,存儲的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除

總的來說,HTML5已經(jīng)超越了標記語言的范疇,更富語義的標簽將使得HTML5更有用處。Canvas+WEBGL等技術(shù),實現(xiàn)無插件的動畫以及圖像、圖形處理能力;本地存儲,可實現(xiàn)offline應(yīng)用;websocket,一改http的純pull模型,實現(xiàn)數(shù)據(jù)推送的夢想;MathML,SVG等,支持更加豐富的render等等等等,現(xiàn)在對于對HTML5的了解還只停留在表面階段,以后會多閱讀一部分HTML5的書籍增加一下見識。

標簽:山南 公主嶺 南平 陜西 平頂山 黃石 黃石 巨人網(wǎng)絡(luò)通訊聲明:本文標題《HTML5和以前HTML4的區(qū)別整理》,本文關(guān)鍵詞  HTML5,和,以前,HTML4,的,區(qū)別,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。

  • 相關(guān)文章
  • 下面列出與本文章《HTML5和以前HTML4的區(qū)別整理》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML5和以前HTML4的區(qū)別整理的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章