10、标签的嵌套和标签嵌套的意义

标签的嵌套

一个标签可以嵌套（包含）其他标签

div标签嵌套span标签，建议写成三行，会比较好看

下面的嵌套写法是错误的，不符合HTML语法

因为它们相互嵌套，这明显是错误的

因为br标签是单标签，不存在结束标签，这应该写成两个独立的标签

编写一个HTML中不存在的标签，会发生什么事？

也是可以正常显示的

注意，有语法错误的HTML代码，还是可以被浏览器识别显示出来

建议：还是要严格按照HTML语法去编写代码，才能保证最终显示出来的效果是正确的

虽然浏览器的容错能力比较强，但有时候还是会显示出一些乱七八糟的内容出来

要善用缩进来体现标签之间的嵌套关系，提高代码的可读性

示例：

标签的嵌套

ul是li的父标签，li是ul的子标签

li是3个div的父标签，3个div都是li的子标签

第1个div是3个span的父标签，3个span是第1个div的子标签

3个div之间互为兄弟标签，因为它们共有一个父标签

3个span之间互为兄弟标签

li、div、span可以认为是ul的后代标签

div、li、ul可以认为是span的祖先标签，另外两个div标签没有嵌套span标签，不算是span的祖先标签

标签的嵌套

下面的2个div并不是兄弟关系

分支不一样，判断是不是兄弟，直接看父标签，不要看父标签的父标签

标签嵌套的意义

把多个标签包装成一个整体来使用，方便对它们进行归类、统一操作