在html5中，A元素的子元素可以是块级元素，这在以前被认为是不符合规则的。本文将详细介绍html5的标签嵌套规则

分类

在html5出现之前，元素通常以块、内嵌和内嵌块来区分。在html5中，元素不是根据显示属性来区分的，而是根据内容模型来区分的，内容模型可以分为元数据内容、分段内容、标题内容、文档流内容、短语内容、嵌入内容和交互内容。元素不属于任何范畴，叫做穿透性；元素可能属于多个类别，称为混合。

元数据内容是一种元素，可用于解释其他内容的表达或行为，或者在当前文档和其他文档之间建立连接

基本链接元脚本脚本样式模板标题

流内容是应用程序和文档主要部分中使用最多的元素

缩写地址区域(如果它是地图元素的子元素)文章音频b BDI bdo block quote br button canvas引用代码数据datalist del dfn div dl em embedded field set图footer form h1 H2 H3 H4 H5 h6 header HR I iframe img input ins kbd key gen label主地图标记math meter nav noscript object ol output p pre progress q ruby s samp脚本部分选择小范围strong sub sup svg表模板textarea time u ul var video wbr文本

内容分区是用于定义页眉和页脚范围的元素

文章旁边的导航部分

标题内容定义块/章节的标题

h1 h2 h3 h4 h5 h6

措辞内容是用于标记段落级文本的元素

缩写区域(如果它是地图元素的子元素)音频b bdi bdo br按钮画布引用代码数据列表del dfn em嵌入i iframe img输入ins kbd keygen标签地图标记数学仪表noscript对象输出进度q ruby s samp脚本选择小范围强sub sup svg模板文本区域时间u var视频wbr文本

嵌入内容是一种引用或插入文档中其他资源的元素

音频画布嵌入iframe img数学对象svg视频

互动内容是专门用于与用户互动的元素

音频(如果设置了控件属性)按钮嵌入iframe img(如果设置了usemap属性)输入(如果类型属性未隐藏)keygen标签对象(如果设置了usemap属性)选择文本区域视频(如果设置了控件属性)

继承元素

[1]子元素是流程元素

文章、章节、区块引用、li、dd、插图、div、main、td

[1.1]子元素是流动元素，不包括主要元素

一旁，导航

[1.2]子元素是流程元素，但不包括表元素

标题

[1.3]子元素是流程元素，但不包括表单元素

形式

[1.4]子元素是流程元素，但不包括页眉、页脚和主要元素

页眉、页脚、主页面

[1.5]子元素是流程元素，但不包括页眉、页脚、分段内容和标题内容

dt、th

[1.6]子元素是流程元素，但不包括页眉、页脚、地址、分段内容和标题内容

地址

[1.7]子元素是一个figcaption元素，后跟一个flow元素

我猜的

[1.8]子元素是一个图例元素，后跟一个流元素

文件集

[2]子元素是语句元素

h1、h2、h3、h4、h5、h6、p、pre、em、strong、small、s、cite、q、缩写、数据、时间、代码、var、samp、kbd、sub、sup、I、b、u、mark、bdi、bdo、span、input、output、图例、标签

[2.1]子元素是语句元素，但不包括与其自身相同的元素

dfn、进度、仪表

[2.2]子元素是陈述元素，但不包括交互内容

按钮

[3]子元素是透明的(服从其父元素允许的子元素)

ins、del、map

[3.1]子元素是透明的(受其父元素允许的子元素的约束)，但不包括交互内容

a

[3.2]子元素可以是参数元素，也可以是透明的(取决于其父元素所允许的子元素)

目标

[4]没有子元素

hr、br、wbr、img、embed、param、source、track、area、col、keygen

[4.1]子元素可以是li元素、脚本和模板元素。

ol、ul

【4.2】子元素可以是dt和dd元素，脚本和模板元素。

分升

[4.3]子元素可以是选项、选项组、脚本或模板元素。

挑选

[4.4]子元素可以是无、选项、脚本和模板元素

定义选项组

[4.5]子元素可以没有选项元素。

数据列表

[4.6]子元素可以没有、跟踪元素或源元素

音频、视频

[4.7]子元素可能不存在，或者它们可能是col或模板元素

列组

[4.8]子元素可能不存在，可能是tr，也可能是脚本和模板元素

tbody、thead、tfoot

[4.9]子元素可能不存在，它们可能是tr和th，它们也可能是脚本和模板元素

tr

[5]子元素是标题、列组、标题、引导、正文，也可以是脚本和模板元素

桌子

[6]子元素是文本内容

文本区域

[6.1]子元素可能不存在，或者它们可能是文本内容

选择权

摘要

每个元素的详细嵌套规则在前面的部分已经详细介绍过了。这一部分主要总结了常见标签的嵌套规则

[注意]将鼠标移到深灰色背景上的文本上，标题将显示元素中包含的标签

【1】h1、h2、h3、h4、h5、h6和P的子成分是句子成分

[2]页眉和页脚不能嵌套

[3]A的子元素是透明的(以其父元素允许的子元素为准)，但不包括交互内容

[4]表单不能嵌套

[5]按钮子元素是语句元素，不能嵌套交互内容

[6]标题不能嵌套在表格中

[7] DT和th不能嵌套页眉、页脚、分段内容或标题内容