HTML标签嵌套,标签的嵌套规则
目录[1]分类[2]子元素[3]摘要
前面的话在html5中,元素A的子元素可以是块级元素,以前认为是不规则的。本文将详细介绍html5的标签嵌套规则。
在分类html5出现之前,元素通常是按照块、内联和内联块来区分的。在html5中,元素不再根据显示属性来区分,而是根据内容模型来区分,内容模型可以分为元数据内容、分节内容、标题内容、文档流内容、措辞内容、嵌入内容和交互内容。不属于任何范畴的元素叫穿透;元素可能属于多个类别,称为混合元素。
元数据内容是一种元素,可用于解释其他内容的性能或行为,或者在当前文档和其他文档之间建立连接。
基本链接元脚本样式模板标题
流内容是应用程序和文档的主要部分中使用的大多数元素。
a缩写地址区(如果它是map元素的子元素)article aside audio b BDI bdo block quote br button canvas cite code data datalist del dfn div dl em embed field set figure footer form h1 H2 H3 H4 H5 h6 header HR I iframe img input ins kbd keygen label main map mark math meter nav no script object ol output p pre progress q ruby s samp script section select small span strong sub sup SVG table template textarea time u ul var video wbr text
分节内容是用于定义页眉和页脚范围的元素。
文章在导航部分旁边
标题内容定义了块/章的标题。
h1 h2 h3 h4 h5 h6
短语内容是用于标记段落级文本的元素。
a缩写area(如果它是map元素的子元素)audio b BDI bdo br button canvas cite code data datalist del dfn em embed I iframe img input ins kbd keygen label map mark math meter no script对象输出progress q ruby s samp script select small span strong sub sup SVG template textarea time u var video wbr text
嵌入内容是引用或插入文档中其他资源的元素。
音频画布嵌入iframe img数学对象svg视频
互动内容是专门用来与用户互动的元素。
Audio(如果设置了controls属性)button embed iframe img(如果设置了usemap属性)input(如果未隐藏type属性)keygen label对象(如果设置了usemap属性)select textarea video(如果设置了controls属性)
继承元素
[1]子元素是流元素。
文章、节、块引用、李、dd、figcaption、div、main、td
[1.1]子元素是流动元素,不包括主元素。
旁白、导航
[1.2]子元素是流元素,但不包括表元素。
标题
[1.3]子元素是流元素,但不包括表单元素。
形式
[1.4]子元素是流元素,但不包括页眉、页脚和主元素。
页眉、页脚、主页面
[1.5]子元素是流元素,但不包括页眉、页脚、分节内容和标题内容。
dt、th
[1.6]子元素是流元素,但不包括页眉、页脚、地址、分节内容和标题内容。
地址
[1.7]子元素是figcaption元素,后跟stream元素。
我猜的
[1.8]子元素是一个图例元素,后跟一个流元素。
文件集
[2]子元素是语句元素。
h1、h2、h3、h4、h5、h6、p、pre、em、strong、small、s、cite、q、abbr、data、time、code、var、samp、kbd、sub、sup、I、b、u、mark、bdi、bdo、span、输入、输出、图例、标签
[2.1]子元素是语句元素,但它们不包含与自身相同的元素。
dfn、进度、仪表
[2.2]子元素是陈述元素,但不包括交互元素(交互内容)
按钮
[3]子元素是透明的(受制于其父元素所允许的子元素)
ins、del、map
[3.1]子元素是透明的(受制于其父元素允许的子元素),但不包括交互元素(交互内容)。
a
[3.2]子元素可以不存在、param元素或透明(取决于其父元素允许的子元素)。
目标
[4]没有子元素
hr、br、wbr、img、嵌入、参数、源、跟踪、区域、列、关键字
[4.1]子元素可以是li元素、脚本和模板元素。
ol、ul
[4.2]子元素可以不存在,dt和dd元素,脚本和模板元素。
分升
[4.3]子元素可以不存在,它们可以是option、optgroup、script和template元素。
挑选
[4.4]子元素可以不存在,选项、脚本和模板元素。
定义选项组
[4.5]子元素可能不存在或为选项元素。
数据列表
[4.6]子元素可以不存在,可以是跟踪元素或源元素。
音频、视频
[4.7]子元素可以不存在,也可以是col和template元素。
列组
[4.8]子元素可以不存在,tr,脚本和模板元素。
tbody、thead、tfoot
[4.9]子元素可以不存在,tr,th,script和template元素。
tr
[5]子元素是标题、列组、thead、tfoot、tbody或脚本和模板元素。
桌子
[6]子元素是文本内容。
文本区域
[6.1]子元素可以不存在,也可以是文本内容。
选择权
总结每个元素的详细嵌套规则在前面的部分已经详细介绍过了。这部分主要总结了常用标签的嵌套规则。
[注意]将鼠标移动到深灰色背景的文本上,标题将显示元素中包含的标签。
[1]1的子元素h1、h2、h3、h4、h5、h6和P是声明性元素。
[2]页眉和页脚不能与页眉和页脚嵌套。
[3]A的子元素是透明的(受制于其父元素允许的子元素),但不包括交互元素(交互内容)。
[4]表单不能嵌套。
[5] Button子元素是语句元素,不能嵌套交互内容。
[6]标题不能嵌套在表格中。
[7] DT和th不能与页眉、页脚、分节内容和标题内容嵌套。
以上HTML5标签嵌套规则详解【必看】是边肖分享的全部内容。希望能给你一个参考和支持。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。