- 相關(guān)推薦
HTML5和HTML4有何區別?
HTML5是HTML標準的下一個(gè)版本。雖然HTML5沒(méi)有完全顛覆HTML4,但是它們也有一些不同。下面是YJBYS小編為大家搜索整理的關(guān)于HTML5和HTML4的區別,歡迎參考閱讀,希望對你有所幫助!想了解更多相關(guān)信息請持續關(guān)注我們應屆畢業(yè)生培訓網(wǎng)!
1. 簡(jiǎn)化的語(yǔ)法
HTML5簡(jiǎn)化了很多細微的語(yǔ)法,例如doctype的聲明,你只需要寫(xiě)<!doctype html>就行了。HTML 5 指定 UTF-8 編碼的方式如下
<meta charset="UTF-8">
2. Flash給很多Web開(kāi)發(fā)者帶來(lái)了麻煩,要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。<canvas>標簽使得開(kāi)發(fā)者只要使用一個(gè)標簽就能和用戶(hù)產(chǎn)生UI交互。
3. 新增許多標簽
HTML5設計的一個(gè)原則是更好的體現網(wǎng)站的語(yǔ)義性,所以增加 了<header>和<footer>這樣的標簽,用來(lái)明確表示網(wǎng)頁(yè)的結構;新增 <section> 和 <article> 標簽,<section>和<article>也有利于清晰化網(wǎng)頁(yè)的結構,更有利于SEO;新增 <menu> 和 <figure> 標簽,<menu>可以被用于創(chuàng )建傳統的菜單,也可以用于工具欄和上下文菜單。<figure>標簽使得網(wǎng)頁(yè)文字和圖片的排版更 專(zhuān)業(yè); 新增 <audio> 和 <video> 標簽,這兩個(gè)標簽可能是HTML5里面最有用的兩個(gè)標簽了,使用起來(lái)時(shí)也異乎方便,如在HTML5頁(yè)面中嵌入視頻只需一小段。
復制代碼代碼如下:
<video width="450" height="340" controls>
<source src="jamshed.mp4" type="video/mp4">
Your browser does'nt support video embedding feature.
</video>
同理,音頻等其他的也類(lèi)似。
4. 全新的表單
HTML5對 <form> 和 <forminput> 標簽進(jìn)行了大量修改,添加了很多新的屬性,也修改了很多屬性
5. 刪除 <b> 和 <font> 標簽,<frame>, <center>, <big> 標簽
6. HTML5 支持了不同類(lèi)型的存儲類(lèi)型
HTML5 支持本地存儲,在之前版本中是通過(guò) Cookie 實(shí)現的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的對象可用來(lái)存儲數據,HTML5通過(guò)JS來(lái)存儲和訪(fǎng)問(wèn)數據:
localStorage 適用于長(cháng)期存儲數據,瀏覽器關(guān)閉后數據不丟失
sessionStorage 只是針對一個(gè)session的數據存儲,存儲的數據在瀏覽器關(guān)閉后自動(dòng)刪除
總的來(lái)說(shuō),HTML5已經(jīng)超越了標記語(yǔ)言的范疇,更富語(yǔ)義的標簽將使得HTML5更有用處。Canvas+WEBGL等技術(shù),實(shí)現無(wú)插件的動(dòng)畫(huà)以及 圖像、圖形處理能力;本地存儲,可實(shí)現offline應用;websocket,一改http的純pull模型,實(shí)現數據推送的夢(mèng) 想;MathML,SVG等,支持更加豐富的render等等等等,現在對于對HTML5的了解還只停留在表面階段,以后會(huì )多閱讀一部分HTML5的書(shū)籍 增加一下見(jiàn)識。
【HTML5和HTML4有何區別?】相關(guān)文章:
HTML4和HTML5之間的主要不同點(diǎn)03-15
法學(xué)碩士和法律碩士有何區別01-23
街舞與爵士舞有何區別03-29
證券從業(yè)考試聯(lián)考與統考有何區別201703-27
php函數method-exists()與is-callable()有何區別03-31
什么是旁軸相機?與單反相機有何區別?03-21
立冬和冬至有什么區別03-17
雅思和托福有什么區別02-21
紋眉和繡眉有哪些區別03-15