您好,登錄后才能下訂單哦!
這篇文章主要介紹“HTML5文件元素怎么使用”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“HTML5文件元素怎么使用”文章能幫助大家解決問題。
HTML5文件元素的分類:1、元數據內容,用于設置其他內容的呈現或行為,或設置文檔與其他文檔的關系,以及傳達其他信息的內容;2、流式內容,放在body中用于組織文檔內容的元素;3、章節內容,用于定義標題和頁面內容區域的元素;4、標題內容,用于定義章節標題內容的元素;5、短語內容,以行內的形式展示的元素;6、嵌入內容,需要引入其他資源的元素;7、交互式內容,和用戶嘗試交互的元素。
本教程操作環境:windows10系統、HTML5版本、Dell G3電腦。
在 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 h2 h3 h4 h5 h6 h7 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)
標題內容是指用于定義章節標題內容的元素,它包括:
h2 h3 h4 h5 h6 h7 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 屬性存在)
關于“HTML5文件元素怎么使用”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。