HTML5 和 HTML 到底有什么異同之處?

時間:2017/4/10 19:36:01,點擊:0

HTML5是HTML標準的下一個版本,雖然HTML5沒有完全顛覆HTML4,但是也有一些不同。

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

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

3、新增許多標簽
a、HTML5設計的一個原則是更好的體現網站的語義性,所以增加了<header>和<footer>這樣的標簽,用來明確表示網頁的結構;
b、新增 <section> 和 <article> 標簽,<section>和<article>也有利于清晰化網頁的結構,更有利于SEO;
c、新增 <menu> 和 <figure> 標簽,<menu>可以被用于創建傳統的菜單,也可以用于工具欄和上下文菜單。<figure>標簽使得網頁文字和圖片的排版更專業;
d、新增 <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> 標簽進行了大量修改,添加了很多新的屬性,也修改了很多屬性。

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

6、HTML5 支持了不同類型的存儲類型
HTML5 支持本地存儲,在之前版本中是通過 Cookie 實現的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的對象可用來存儲數據,HTML5通過JS來存儲和訪問數據:

總的來說,HTML5已經超越了標記語言的范疇,更富語義的標簽將使得HTML5更有用處。Canvas+WEBGL等技術,實現無插件的動畫以及圖像、圖形處理能力;本地存儲,可實現offline應用;websocket,一改http的純pull模型,實現數據推送的夢想;MathML,SVG等,支持更加豐富的render等。

打印 | 關閉

新疆18选7开奖公告 天天红包赛怎么分的多 江苏11选5任三玩法推荐 股票如何开户 江西十一选五官方网站 查询快乐十分的开奖结果 786百家乐怎么赌钱 全国股票配资平台排名 贵州11选5分布爱彩乐 重庆幸运农场十分钟 石油股票数据 吉林快三和值表 配资app 吉林11选5手机助手 江西多乐彩11选5开奖号 浙江6十1走势图 股票指数的计算方法是。