HTML5文件元素的分類：1、元數據內容，用于設置其他內容的呈現或行為，或設置文檔與其他文檔的關系，以及傳達其他信息的內容；2、流式內容，放在body中用于組織文檔內容的元素；3、章節內容，用于定義標題和頁面內容區域的元素；4、標題內容，用于定義章節標題內容的元素；5、短語內容，以行內的形式展示的元素；6、嵌入內容，需要引入其他資源的元素；7、交互式內容，和用戶嘗試交互的元素。

本教程操作環境：windows10系統、HTML5版本、Dell G3電腦。

HTML5文件元素的分類有哪些

在 HTML5 中將元素進行了分類，用于詳細地規定子元素在父元素中的合理性。具體的類別如下：

• 元數據內容（Metadata content）

• 流式內容（Flow content）

• 章節內容（Sectioning content）

• 標題內容（Heading content）

• 短語內容（Phrasing content）

• 嵌入內容（Embedded content）

• 交互式內容（Interactive content）

它們之間的關系如下：

元數據內容（Metadata content）

元數據內容被定義為用于設置其他內容的呈現或行為，或設置文檔與其他文檔的關系，以及傳達其他信息的內容，它包括：

base link meta noscript script style template title

流式內容（Flow content）

流式內容是指可以放在 body 中的，可以用于組織文檔內容的元素，它包括：

a abbr address area （如果是 map 元素的后代）article aside audio b bdi bdo blockquote br  button canvas cite code data datalist del details dfn dialog div dl em embed fieldset  figure footer form h1 h2 h3 h4 h5 h6 header hgroup hr i iframe img input ins kbd label  link （如果 在 body 中允許）main map mark MathML math menu meta （如果 itemprop 屬性存在） meter nav noscript object ol output p picture pre progress q ruby s samp script section  select slot small span strong sub supSVG svg table template textarea time u ul var video wbr 自主的 custom element 文本內容

章節內容（Section content）

章節內容是指用于定義標題和頁面內容區域的元素，它包括：

article aside nav section

標題內容（Heading content）

標題內容是指用于定義章節標題內容的元素，它包括：

h1 h2 h3 h4 h5 h6 hgroup

短語內容（Phrasing content）

短語內容是指文檔中可以以行內的形式展示的元素，它包括：

a abbr area （如果是 map 元素的后代）audio b bdi bdo br button canvas cite code data datalist  del dfn em embed i iframe img input ins kbd label link（如果 在 body 中允許）map mark MathML  math meta （如果 itemprop 屬性存在）meter noscript object output picture progress q ruby s  samp script select slot small span strong sub sup SVG svg template textarea time u var video  wbr自主的 custom element 文本內容

嵌入內容（Embeded content）

嵌入內容是指需要引入其他資源的元素，它包括：

audio canvas embed iframe img MathML math object picture SVG svg video

交互式內容（Intersection content）

交互式內容是指會和用戶嘗試交互行為的元素，它包括：

a（如果 href 屬性存在）audio（如果 controls 屬性存在） button details embed iframe img（如果 usemap 屬性存在）input（如果type屬性存在）label object（如果 usemap 屬性 存在）select textarea video（如果 controls 屬性存在）

（學習視頻分享：css視頻教程、html視頻教程）