HTML5文件元素怎么使用

发布时间:2022-06-15 09:51:24 作者:iii
来源:亿速云 阅读:124

这篇文章主要介绍“HTML5文件元素怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5文件元素怎么使用”文章能帮助大家解决问题。

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

本教程操作环境:windows10系统、HTML5版本、Dell G3电脑。

HTML5文件元素的分类有哪些

在 HTML5 中将元素进行了分类,用于详细地规定子元素在父元素中的合理性。具体的类别如下:

它们之间的关系如下:

元数据内容(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文件元素怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. HTML5语义元素的使用
  2. 如何理解html5的canvas元素使用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5

上一篇:jquery如何判断元素是否包含指定类

下一篇:jquery是不是html的升级版

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》