美文网首页
标签的相互嵌套规则是怎样

标签的相互嵌套规则是怎样

作者: 九天懒猫 | 来源:发表于2022-11-28 06:10 被阅读0次

    1-html 嵌套规范注意点

    1-1块级元素一般作为大容器,可以嵌套:文本,块级元素,行内元素,行内块元素等;但是,p标签中不要嵌套div标签,p,h,等块级标签;

    1-2-a标签内可以嵌套任意元素,但是,a标签不能嵌套a标签;

    2-注意点

    2-1大标签嵌套小标签。是父子;

    2-2块级嵌套行内

    p标签不能嵌套嵌套h1~h6;

    h1~h6不能嵌套p标签

    一个段落,一个是标题;

    3-1-1测试 p标签不能嵌套div;代码截图:

    3-1-2 浏览器显示:

    小结,右键检查,显示浏览器自动闭合了两个p标签,强制不准p标签嵌套h1和div标签;

    3-2-1 p标签嵌套其他标签,比如

    span,b,strong,i,em,s,del,u,ins,ins,small,big,sub,sup;

    3-2-2 测试代码截图:

    浏览器截图:

    对比不嵌套图片和代码:

    小结,嵌套标签后浏览器显示正常,检查图如下;检查后,未发现强制闭合标签;

    4-1 测试a标签,a标签不能嵌套a标签;

    代码截图:

    浏览器显示和浏览器检查截图:

    小结,当a标签嵌套a标签后,显示浏览器点击检查后,看到标签被强制闭合,使其不能被嵌套;

    检查显示a标签嵌套h1,div标签时,显示正常;

    4-2 测试a标签嵌套其他标签,代码和浏览器显示截图;

    浏览器检查截图

    小结,浏览器显示a标签嵌套后,文本显示正常,浏览器检查正常,无强制闭合;

    a标签嵌套标签后,所有字体变成蓝色,点击后变色,并且,自带下划线;

    a标签嵌套标签后,不会自动换行,需要添加br换行进行对比参照。

    相关文章

      网友评论

          本文标题:标签的相互嵌套规则是怎样

          本文链接:https://www.haomeiwen.com/subject/hvllfdtx.html