html中标签不能嵌套的问题

        今天是周一，上周末双休，好像有节后综合症，一整天没精神，身体没劲！发誓以后不要向上周一样过周末了！言归正传，刚毕业从事前端工程师一枚，每天在项目中总会遇到很多很多的问题！遇到小的问题，我能轻松解决，很有成就感，但是遇到自己不能解决的问题，再加上今天什么都不想做的丧情绪，一个小时也没能解决问题！

        今天遇到的问题是移动端整个的

是一个标签，就是说点击整个div就会发生跳转，直接上源代码！
            

                
                    

                        

                            
                        

                        

                            
                            
                            

已参团：0件

                            

￥69￥79

                            
                        

                    

                
            

        

最外层的div嵌套着标签，但是浏览器解析时结构却乱了。多出了很多的  并且最外层的标签也没有嵌套进去东西，所以 也没能实现点击整个div跳转的需求，于是网上查了一下，找到了问题及解决方法！最根本的原因是因为标签不能嵌套标签，解决方法是在里层的标签外面添加一个标签。

参考博客网址：https://www.cnblogs.com/tu-0718/p/6635212.htmlhttps://www.cnblogs.com/tu-0718/p/6635212.html

还有一些需要注意的嵌套：

1.标签最好不要嵌套块级元素，可以嵌套内联元素。但是不能嵌套标签和之类的标签！

2.ul和ol的子元素不能是别的元素，只能是li，不能是别的元素，比如

,但是li中可以是div，要不然在ie6和7下回把非li解析到li的内部。这个切记没有办法修复！

3.p标签不能嵌套块级元素甚至不能嵌套p元素，只能嵌套内联元素，不然对p嵌套的块级元素设置css不起作用。

4..button里面不要嵌套a标签，不然在js里面会有两个事件，还有就是button里面放img要记得给图片添加alt属性.

5.dt标签里面不能嵌套块级元素，只能嵌套内联元素。但是dd可以嵌套块级元素。

总结：一直以为html是最简单的语言了，却没想到还是会掉坑！也会觉得为什么总是自己会遇到这么多的问题呢？但是后来知道遇到的问题越多，进步就会越大！那就让暴风雨来得更猛烈些吧！学无止境，简单的东西也有深刻的道理！加油！