文章專區

網頁設計相關文章

HTML5與HTML4的差異

  

HTML本身是一個網頁頁面的架構,是超文件標示語言(HyperText Markup Language,簡稱為HTML),它具有超文字(HyperText)、超連結(HyperLink)、超媒體(HyperMedia)的特性。

 隨著網路環境的快速發展及行動裝置的出現,因此網站的結構也不斷的演進,Html5html最大的差異在於寫法的改變,新增許多元素加強文章結構的明確性,例如以往版本的HTML4

這樣的表示方式,主要是利用
區分文件各個部分,然而HTML5中,許多常用的功能有了自己的標籤,例如<audio></audio>和<video></video>標記,使插入聲音和影片變得更簡單,使用的語意標籤取代不具意義的
所構成的HTML文件,來協助我們做到更好的語義架構,讓開發者更容易閱讀,也更容易讓搜尋引擎能快速了解網頁的重點。

 

 

HTML4標籤 HTML5標籤 說明
 
 
<header> </header> 位於網頁頁面頂部,放置網站的LOGO、大標題或主要資訊
 
 
<nav></nav> 放置網站的連結或選單
 
 
<section id="”main”"></section> 文章內容可以有很多個<section></section>,用於章節或標題的段落區分
 
 
<aside></aside> 放置側邊攔
 
 
<footer></footer> 位於網頁頁面的底部,大多用於顯示著作權、作者或相關資訊等