2014年10月份，W3C發佈了最新的html5，隨即讓網站程式員或網頁設計師迎來了一股洪動，那其實html5究竟有什麼新的tag 標記? 及這些tag 標記應該如何使用及有何功用?
常用的 html5 tag 標記及用途功用列表 :
article: 定義文章
aside: 定義一些與頁面內容鬆散相關的內容
audio: 在 HTML 文檔中嵌入聲音或音頻流
bdi: 表示出於雙向文本格式設置而與其周圍環境隔離的文本
canvas: 在文檔中定義一個區域，可用於通過腳本（通常是 JavaScript）動態繪製圖形
data: 將一段內容與機器可讀的翻譯鏈接起來
datalist: 表示 input 元素的一組預定義選項
details: 表示一個小部件，用戶可以從中獲取其他信息或按需控制
dialog: 定義對話框或子窗口
embed: 將外部應用程序（通常是音頻或視頻等多媒體內容）嵌入到 HTML 文檔中
figcaption: 定義圖形的標題或圖例
figure: 表示作為文檔一部分說明的圖形
hgroup: 定義一組標題
keygen: 表示生成公私鑰對的控件
main: 表示文檔的主要或主要內容
mark: 表示突出顯示以供參考的文本
menuitem: 定義用戶可以執行的命令列表（或菜單項）
meter: 表示已知範圍內的標量測量
nav: 定義一段導航鏈接
output: 表示計算結果
picture: 為多個圖像源定義一個容器
progress: 表示任務的完成進度
rp: 為不支持 ruby 註釋的瀏覽器提供回退括號
rt: 定義 ruby 註釋中出現的字符的發音
ruby: 表示 ruby 註解
section: 定義文檔的一部分，例如頁眉、頁腳等
source: 為 audio 或 video 等媒體元素定義替代媒體資源
summary: 定義 details 元素的摘要
svg: 在 HTML 文檔中嵌入 SVG（可縮放矢量圖形）內容
template: 定義加載頁面時應隱藏的 HTML 片段，但可以通過 JavaScript 克隆並插入到文檔中
time: 表示時間和/或日期
track: 為 audio 或 video 等媒體元素定義文本軌道
video: 在 HTML 文檔中嵌入視頻內容
wbr: 表示換行機會
網站程式員或網頁設計師若能在現有的網站程式碼HTML上，配上合適的html5標記，都會有助於網頁的架構完整及清晰度，甚至可以提升搜尋引擎SEO的表現和效果!
立即聯絡我們
常用的 html5 tag 標記及用途功用列表 :
article: 定義文章
aside: 定義一些與頁面內容鬆散相關的內容
audio: 在 HTML 文檔中嵌入聲音或音頻流
bdi: 表示出於雙向文本格式設置而與其周圍環境隔離的文本
canvas: 在文檔中定義一個區域，可用於通過腳本（通常是 JavaScript）動態繪製圖形
data: 將一段內容與機器可讀的翻譯鏈接起來
datalist: 表示 input 元素的一組預定義選項
details: 表示一個小部件，用戶可以從中獲取其他信息或按需控制
dialog: 定義對話框或子窗口
embed: 將外部應用程序（通常是音頻或視頻等多媒體內容）嵌入到 HTML 文檔中
figcaption: 定義圖形的標題或圖例
figure: 表示作為文檔一部分說明的圖形
hgroup: 定義一組標題
keygen: 表示生成公私鑰對的控件
main: 表示文檔的主要或主要內容
mark: 表示突出顯示以供參考的文本
menuitem: 定義用戶可以執行的命令列表（或菜單項）
meter: 表示已知範圍內的標量測量
nav: 定義一段導航鏈接
output: 表示計算結果
picture: 為多個圖像源定義一個容器
progress: 表示任務的完成進度
rp: 為不支持 ruby 註釋的瀏覽器提供回退括號
rt: 定義 ruby 註釋中出現的字符的發音
ruby: 表示 ruby 註解
section: 定義文檔的一部分，例如頁眉、頁腳等
source: 為 audio 或 video 等媒體元素定義替代媒體資源
summary: 定義 details 元素的摘要
svg: 在 HTML 文檔中嵌入 SVG（可縮放矢量圖形）內容
template: 定義加載頁面時應隱藏的 HTML 片段，但可以通過 JavaScript 克隆並插入到文檔中
time: 表示時間和/或日期
track: 為 audio 或 video 等媒體元素定義文本軌道
video: 在 HTML 文檔中嵌入視頻內容
wbr: 表示換行機會
網站程式員或網頁設計師若能在現有的網站程式碼HTML上，配上合適的html5標記，都會有助於網頁的架構完整及清晰度，甚至可以提升搜尋引擎SEO的表現和效果!
立即聯絡我們