教學: 常用的 html5 tag 標記及用途功用列表 | 馬來西亞網頁設計

教學: 常用的 html5 tag 標記及用途功用列表

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的表現和效果!


立即聯絡我們