其他标签嵌套测试

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标签嵌套自身会成为上标的上标。


(仅为个人自学的一点点思考,如有错漏,欢迎留言指正)

你可能感兴趣的:(其他标签嵌套测试)