目录
HTML5文件元素的分类有哪些
首页 web前端 前端问答 HTML5文件元素的分类有哪些

HTML5文件元素的分类有哪些

Jun 14, 2022 pm 06:06 PM
html5

HTML5文件元素的分类:1、元数据内容,用于设置其他内容的呈现或行为,或设置文档与其他文档的关系,以及传达其他信息的内容;2、流式内容,放在body中用于组织文档内容的元素;3、章节内容,用于定义标题和页面内容区域的元素;4、标题内容,用于定义章节标题内容的元素;5、短语内容,以行内的形式展示的元素;6、嵌入内容,需要引入其他资源的元素;7、交互式内容,和用户尝试交互的元素。

HTML5文件元素的分类有哪些

本教程操作环境: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视频教程

以上是HTML5文件元素的分类有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

HTML 输入占位符 HTML 输入占位符 Sep 04, 2024 pm 04:54 PM

HTML 输入占位符指南。在这里,我们讨论 HTML 输入占位符的示例以及代码和输出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

在 HTML 中移动文本 在 HTML 中移动文本 Sep 04, 2024 pm 04:45 PM

HTML 中的文本移动指南。在这里我们讨论一下marquee标签如何使用语法和实现示例。

HTML onclick 按钮 HTML onclick 按钮 Sep 04, 2024 pm 04:49 PM

HTML onclick 按钮指南。这里我们分别讨论它们的介绍、工作原理、示例以及各个事件中的onclick事件。

See all articles