深圳UI培训-高端面授深圳UI培训机构
云和教育:云和数据集团高端IT职业教育品牌
  • 华为
    授权培训中心
  • 腾讯云
    一级认证培训中心
  • 百度营销大学
    豫陕深授权运营中心
  • Oracle甲骨文
    OAEP中心
  • Microsoft Azure
    微软云合作伙伴
  • Unity公司
    战略合作伙伴
  • 普华基础软件
    战略合作伙伴
  • 新开普(股票代码300248)
    旗下丹诚开普投资
  • 中国互联网百强企业锐之旗
    旗下锐旗资本投资

HTML中标签之间的嵌套关系和并列关系

  • 发布时间:
    2023-07-05
  • 版权所有:
    云和教育
  • 分享:

在网页中存在多种标签,各种标签之间都具有一定的关系。标签的关系主要有嵌套关系和列关系两种,具体介绍如下:

(1)嵌套关系

嵌套关系也称包含关系,可以简单理解为一个双标签里面又包含了其他标签。例如,在HTML5的文档基本格式中,<html>标签和<head>标签(或<body>标签)就是嵌套关系。示例代码如下:

<html>
  <head>
  </head>
  <body>
  </body>
</html>

在标签的嵌套过程中,必须先结束最靠近内容的标签,再按照由内到外的顺序依次关闭标签。图1所示为嵌套标签正确和错误写法的对比。
1669881447915_3.png

图1嵌套标签正确和错误写法的对比

在嵌套关系的标签中,我们通常把最外层的标签称为“父级标签(父标签)”,里面的标签称为“子级标签(子标签)”。但只有双标签才能作为“父级标签”。

(2)并列关系

并列关系也称兄弟关系,就是两个标签处于同一级别,并且没有包含关系。例如,在HTML5的文档基本格式中,标签和标签就是并列关系。在HTML的标签中,无论是单标签还是双标签都可以拥有并列关系。