html5 常用標籤總結詳情

一、主體結構

##section章節或段落article類似文章、hggroup類似子標題，標題資訊、可選標題、TAG標籤這樣的數據，還是英文更好理解一些，heading of a sectionaddress聯繫訊息，一般用在article或body錨元素周圍##footer二、HTML 5元素標記總表

header	頁頭，不同與
#aside	側邊欄
nav	外部連結集合
	摘要或留言POST等形式的記錄（一般搭配內嵌頭部、尾部、底部結構使用）
頁尾

文件類型宣告根元素元素META元素零件元素#分組dl文字層次語意元素time編輯元素嵌入內容元素object表格表單元素互動元素腳本元素#三、HTML 5元素通用屬性與事件句柄

html
#head、 title、base、link、meta、style
body、section、nav、article、aside、h1、 h2、 h3、h4 、 h5、 h6、hgroup、header、footer、address
內容元素p、hr、br、pre、blockquote、ol 、ul、li、	、dt、dd、figure、figcaption、p
a、em、strong、 small、cite、q、dfn、abbr、	、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span
ins、del
img、iframe、embed、	、param、video、audio、source、canvas、map、area
元素table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th
form、fieldset、legend、label 、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter
details、summary、command、menu
script、noscript

HTML5classHTML5元素事件句柄屬性

四、HTML5元素標記釋義

元素通用屬性表accesskey、

、contenteditable、contextmenu、dir、draggable 、hidden、id、lang、spellcheck、style、tabindex、title

onabort、onblur*、oncanplay、 oncanplaythrough、onchange、 onclick、 oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、 ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、onerror*、onfocus*、onformchange、onformin、Pkeyon、Pkeyon. onload*、onloadeddata、onloadedmetadata、onloadstart、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、onpause、onplay、onplaying、onprogress、onratechange、onreadystatechangeon、onscrollons、onplaying、ondons、onrate 、onvolumechange、onwaiting。

介紹●根檔案標記#讓瀏覽器知道這是HTML 檔案#●提供檔案整體資訊標題定義檔案標題，顯示於瀏覽器頂端o基準標記可將相對URL轉絕對到指定連結< ;link>o外部資源連結必須帶rel屬性描述oMETA資料不能被title, base, link, style, 和script元素所描述的META資料●#文件主體開始文件內容容器導航#外部連結或文件內部連結##

●頁面模組分組內容標記   #  #區塊引用 

●編號清單 項目清單

#

##●定義列表 

#●定義名稱 #

●定義說明# 

●串流內容區塊說明多結合figcaption使用

##●● 文字層次語意標記## ●強調標記  ●●# ## 原文是phrasing content，暫不清楚如何翻譯 ##●#●#縮寫 ●日期時間●##● #影片of音訊# ●來源標記 #地圖標記區域標記##  ##   ##

標記	類型
#意義
		#檔案標記
META標記
	其它
零件標籤
			#文件主體開始
	##	●	代表通用文件或應用元件
	●		連結
			###類似文章、摘要或留言POST等形式的記錄############ ##### #●######孤立模組######一般作為邊欄​​廣告、說明、###引用###、導航等，aside圍堵部分一般與正文耦合較小####### ###### ######●######標題標記######此外還有h2, h3, h4, h5, h6######## ##### ######●######群組標題######用在一組h1-h6這樣的元素集合時使用，用來區分主副標題？ ？
	●	#群組說明或群組導覽	也可稱為頁頭標題
	●	頁尾標題	作用範圍跟最近部件元素有關
	●	地址或聯絡資訊
	#	●	#段落標記
		o	水平分割線
	#	o	換行
		●	預先格式化分本區塊
	#	●
			●
●	列表項目
#figure內容屬性
定位標記	無實際意義
#
		●	連結標記
加重標記
字體縮小
		●	斜體標示
			●引用標記內容
	< ;dfn>	●	術語定義
	##
程式碼
變數
	##●	範例
●	鍵盤字
		######●######上標/下標###### ##### ##############●######斜體標記###### ############ #####●######粗體標記###### ###################●######標記或高亮###### ##################●#####註解標記###### ### ###############●######ruby子元素######結合ruby使用，例如:day Tian緣Yuan#########################ruby子元素######一般做rt元素###註解###使用###################●###### # ##### ###################●######自訂標記###### ################################################################## ########編輯標記####################●###### ###### ############################################################################################################# # ################●###### ###### ##############嵌入內容標記#####################●#########圖片###標記###### #### #########
	●	參數標記
	##	●	標籤
	< ;audio>	●	標記
##●	製圖標記
●
		#	●
		#表格標記

###●●  ●  ●  ●●●##< ;th>●表格標頭等於●表單標記決定該表單的運作模式

●  ##

●  #●##●##●##● ##●  #●# #< ;select>●選擇標記 ●   ●● # #●##

●#  ●  #●#      

●	表格標記	設定該表格的各項參數
●	表格標題	做成一打通列以填入表格標題
			##
			#
	#
表格列設定該表格的欄位
		●	表格欄	#設定該表格的欄位
			，但其內部文字字體會變粗
表單標記
			#輸入標記
			##
		●	選項
##●

####################### ###互動元素##################

#####●###### ###### ##### ########

######●###### ###### ############## ###●###### ###### ###################●###### ###### # ###############其他標籤################<script>######●################################################################ ###### ############<noscript>#######●###### ###### ################################################### ### ###### ###### ###### ##################備註： ############################################################### 1、● 表示該標記屬於圍堵標記，需要結束標記</標記>。 ######2、o 表示該標記屬空標記，不需要結束標記。 ###</script>

以上是html5 常用標籤總結詳情的詳細內容。更多資訊請關注PHP中文網其他相關文章！