HTML 5 標籤語意

現在 HTML 5 是趨勢,新增了很多標籤,規則也很廣,所以這邊引用了 一定要學會的 HTML 5 + CSS3 網頁設計實作應用 書本裡的標籤整理在這,方便在網路查詢,只要看名稱就可以推測用途是什麼。

HTML 5 標籤

標籤說明
section文檔中的節,表示專題性內容,可和 H1 ~ H6 標題一起使用
article獨立完整的文章區塊
aside用在於側邊攔
hgroup標題和副標題的組合
header網站的頂部內容元素
footer頁底部元素
nav導航標籤
figure,figcaption用於組合元素,如圖片描述組合
audio,video標示影音內容
embed標示外掛程式內容
mark標註文字效果
progress進度的進度條
meter標示測定值,例如統計上的比例
time標示日期或時間
ruby,rt,rpruby 內容
canvas2D 繪圖
command指令按鈕
details細節資訊
datalist下拉選單
keygen表單傳送到伺服器時,產生一組公鑰/私鑰,把私鑰存在本機電腦裡,公鑰存在伺服器裡
output運算結果
( 資料來源:一定要學會的 HTML 5 + CSS3 網頁設計實作應用)

HTML 5 屬性

屬性套用標籤描述
mediaa, area要連接的 media
hreflangarea連接對象語言
relarea包含 area 的文件和 area 連接的對象之間的關係
targetbasehref 屬性的連接目標
valueli指定項目的數值
charsetmeta宣言文字編碼
autofocusinput(type 為 hidden 除外),select, textarea, button在文字欄位上給予輸入焦點
placeholderinput, textarea顯示預設內容
requiredinput(type 為 hidden, image, submit 相同按鍵時除外), textarea必要輸入的欄位
autocompleteinput開啟或關閉自動完成功能
min, maxinput指定最大值與最小值
multipleinput讓數值可以多個套用
patterninput使用條件一般式,定義驗證
stepinput指定調整的階段
novalidateform對伺服器傳送表單時,有效與否無法保證時出現
typemenu讓選單可以 toolbar、contex 形式出現
labelmenu指定選單名稱
scopedstyle規定樣式的作用範圍
asyncscript定義 script 是否同步執行
menifesthtml讓瀏覽器持有一份檔案副本,供網路離現實使用
startol指定第一個項目的開始值
seamlessiframe設定無縫瀏覽上下文標識
sandboxiframeiframe 裡的外掛程式或 work, script 等特定功能
reversedol指定本屬性,目錄就會以逆順序顯示
( 資料來源:一定要學會的 HTML 5 + CSS3 網頁設計實作應用)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *