天天看点

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

作者:早起的虫子-T

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换行进行对比参照。