小強的HTML5行動開發之路（3）－HTML5與HTML4比較-H5教程-PHP中文網

在前面介紹了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鬆散的語法，例如

熱門教學

更多>

相關教學

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

小強的HTML5行動開發之路（3）－HTML5與HTML4比較