HTML5和以前HTML4的區(qū)別分別是怎樣的-創(chuàng)新互聯(lián)

本篇文章為大家展示了HTML5和以前HTML4的區(qū)別分別是怎樣的，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司是一家集成都做網(wǎng)站、網(wǎng)站建設、網(wǎng)站頁面設計、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)網(wǎng)絡公司，已為成都等多地近百家企業(yè)提供網(wǎng)站建設服務。追求良好的瀏覽體驗,以探求精品塑造與理念升華,設計最適合用戶的網(wǎng)站頁面。 合作只是第一步，服務才是根本,我們始終堅持講誠信，負責任的原則，為您進行細心、貼心、認真的服務,與眾多客戶在蓬勃發(fā)展的市場環(huán)境中,互促共生。

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設計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加了<header>和<footer>這樣的標簽，用來明確表示網(wǎng)頁的結構；新增 <section> 和 <article> 標簽，<section>和<article>也有利于清晰化網(wǎng)頁的結構，更有利于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.yisu.com/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ù)，瀏覽器關閉后數(shù)據(jù)不丟失
    sessionStorage 只是針對一個session的數(shù)據(jù)存儲，存儲的數(shù)據(jù)在瀏覽器關閉后自動刪除

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

上述內(nèi)容就是HTML5和以前HTML4的區(qū)別分別是怎樣的，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：HTML5和以前HTML4的區(qū)別分別是怎樣的-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://bm7419.com/article28/goejp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、網(wǎng)站排名、品牌網(wǎng)站制作、網(wǎng)頁設計公司、手機網(wǎng)站建設、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

手機網(wǎng)站建設