HTML标签嵌套,标签的嵌套规则

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: