1-列表嵌套
测试标签ul,li,dt,dd,
1-1代码和浏览器截图
浏览器检查截图
小结,ul嵌套li,dt,dd,显示正常,没有出现强制闭合;
1-2 测试,如果ul,li,dt,dd,标签嵌套了自己的标签会怎样显示?
代码和浏览器截图:
浏览器检查截图
小结,1-ul嵌套ul,li,dt,dd,标签正常;2-li标签嵌套ul,dt,dd,标签时正常,不能嵌套自身il标签;3-dt,dd标签可以嵌套ul,但是不能嵌套dt,dd,li标签;
2-1 其他标签相互嵌套会如何?
span,div,b,strong,i,em,s,del,u,ins,small,big,sub,sup
2-2由于太长了所以分别截图
2-2-1 span标签的嵌套代码和浏览器检查截图,
1-可以嵌套本身标签;2-嵌套其他测试标签显示正常;
2-2-2 div标签嵌套截图,
1-嵌套其他测试标签显示正常;(div标签本身是块级,独占一行);
2-2-3 b标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容显示加粗了);
2-2-4 strong标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容显示加粗了);
2-2-5 i标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容显示倾斜了);
2-2-6 em标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容显示倾斜了);
2-2-7 s标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容显示加了删除线);
2-2-8 del标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容显示加了删除线);
2-2-9 u标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容显示加了下划线);
2-2-10 ins标签嵌套截图,
1-可以嵌套自身标签;
2-嵌套其他测试标签显示正常(内容加了下划线);
2-2-11 small标签嵌套截图,
1-可以嵌套自身标签,嵌套内的small标签缩小了2个字号;
2-嵌套其他测试标签显示正常(内容显示缩小了一号);
2-2-12 big标签嵌套截图,
1-可以嵌套自身标签,并且嵌套内的big放大了2个字号;
2-嵌套其他测试标签显示正常(内容显示放大了一号);
2-2-13 sub标签嵌套截图,
1-可以嵌套自身标签,这里会成为下标的下标;
2-div是块级自身特性会独占一行,没有办法成为别的文字的下标;
3-sub嵌套内的sup标签,成为了下标的上标;
4-除了div标签,sub嵌套其他测试标签显示正常(内容显示成为下标);
(这里用hr分了3块,不加正常文字的话,根本看不出来是下标)
2-2-1 sup标签嵌套截图,
1-可以嵌套自身标签,这里会成为上标的上标;
2-div是块级自身特性会独占一行,没有办法成为别的文字的上标;
3-sup嵌套内的sub标签,成为了上标的下标;
4-除了div标签,sup嵌套其他测试标签显示正常(内容显示成为上标);
(这里用hr分了2块,不加正常文字的话,根本看不出来是下标)
总结
1-div被测试标签嵌套后,仍然显示块级标签的特性独占一行,浏览器显示中,不能在sub标签和sup标签嵌套后,成为上标和下标;
2-所测试的标签都能嵌套自身标签,没有被强制和谐;
3-嵌套没有特性时显示自身标签特性;
4-当嵌套标签有自身属性时,嵌套内的标签显示嵌套标签属性;
5-嵌套自身标签属性没有变化的标签有,b,strong,i,em,s,del,u,ins标签;比如:b和strong标签嵌套自身标签,并不会让内容变得更加粗;i和em标签也不会在嵌套自身标签后更倾斜;
6-标签嵌套自身标签有明显变化的有small,big,sub,sup标签,这些标签在被自身标签嵌套后会再次显示自身标签属性,比如small标签嵌套自身后会缩小两个字号,big嵌套自身标签后会放大两个字号,sub标签嵌套内的sub会成为下标的下标,sup标签嵌套自身会成为上标的上标。
(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)