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

1-html 嵌套规范注意点

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

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

2-注意点

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

2-2块级嵌套行内

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

h1~h6不能嵌套p标签

一个段落,一个是标题;

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

3-1-2 浏览器显示:


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

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,p标签时,显示正常;

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

浏览器检查截图

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

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

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

展开阅读全文

页面更新:2024-05-12

标签:嵌套   标签   下划线   小结   截图   元素   文本   浏览器   规则   代码   测试

1 2 3 4 5

上滑加载更多 ↓
推荐阅读:
友情链接:
更多:

本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828  

© CopyRight 2008-2024 All Rights Reserved. Powered By bs178.com 闽ICP备11008920号-3
闽公网安备35020302034844号

Top