首頁 > web前端 > H5教程 > 小強的HTML5行動開發之路(3)-HTML5與HTML4比較

小強的HTML5行動開發之路(3)-HTML5與HTML4比較

黄舟
發布: 2017-01-22 10:29:09
原創
1236 人瀏覽過

在前面介紹了HTML5的新特性,新標籤的使用,智能表單設計,引入多媒體對象,Canvas對像你的畫布,擴展圖形標記,HTML5中的地理應用,獨立數據存儲,新的網絡連接。

HTML 5是近十年來Web開發標準最巨大的飛躍。和以前的版本不同,HTML 5並非僅僅用來表示Web內容,它的新使命是將Web帶入一個成熟的應用平台,在HTML 5平台上,視頻,音頻,圖象,動畫,以及同電腦的交互都被標準化。 (HTML5也有了自己的logo).學習Html5需要掌握下面幾方面知識。

1、HTML基礎知識

2、CSS樣式知識

3、JavaScript知識

很多以前學過HTML 4.0的朋友可能此時會感到很迷惑,到底 4.0和HTML5的區別是什麼,學過html4.0會對學習HTML5有什麼幫助 其實HTML5和HTML4最大的差別就是HTML5更重視內容與結構而不專注表現,舉個例子:

<body>   
  
<header>  
<hgroup>导航相关数据</hgroup>  
</header>   
  
<nav>菜单</nav>   
  
<article>  
<h1>标题:HTML5专题</h1>  
发布日期:<time>19:00</time>  
<time datetime="2013-2-14">情人节</time>  
<p>测试相关内容</p>  
</article>  
  
<footer>   
<address>CSDN-大碗干拌的博客</address>  
</footer>   
  
</body>
登入後複製

像上面這個html5中的許多標籤,在以前的html4中我們都可以用

標籤代替,那為什麼還有這麼多沒使用過的標籤呢,這反而增加了記憶難度?事實上不是這樣的,這樣做有很多好處,這些特定名稱的標籤更容易區分各自的功能,例如可以同時在PC瀏覽器和行動裝置瀏覽器上識別並以很好的佈局展現。


還有一個區別就是,HTML5在更多的聲明和標籤上面做了簡化,也對兼容做了詳細的規定,廢除了部分元素,增加了部分元素,如下面的聲明:

HTML4的聲明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   
Transitonal//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t......  
<html xmlns="http://www.w3.org/1999/xhtml">  
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
登入後複製

HTML5的聲明:

<!DOCTYPE html>  
<meta charset=utf-8/>
登入後複製

在引入JavaScript或CSS檔案的時候,HTML4中寫法如下:

<script src="js/juery-1.6.2.js" type="text/javascript"></script>
登入後複製

在HTML5中變的更簡單:

rrreML鬆散的語法,例如
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板