标签内嵌错误的bug

最近遇到同事制作页面在< p >内嵌了一个< form > 标签,源码类似于这样

< p > < form > </form > < /p > 结果浏览器解析为< p > < /p > < form > </form > < p > < /p >

修改这个bug当然是把 < p > 改成 < div > 标签.但是我很好奇为什么会导致这个原因.

在w3c找到了答案,这里给出传送门,感兴趣的童鞋可以点击这里看看.

我把相关内容截图下来:
标签内嵌错误的bug 第1张

先看        标注的地方 大意是说: < p > 标签表示的是一个段落,它不能包括block元素。在浏览器解析就表现为会遇到块级元素的时候自动解析一个闭标签< /p >

由此前面的bug就得到了解释.

接下来我们看一下        标注的地方 这一段大意为:< p > 是必须的,< /p > 是可选的, 就是说 < p > 可以不需要 < /p >这个标签,那么浏览器怎么判断 < p > 到哪里结束呢?。。。很简单:遇到block标签就结束了。:-);

通过这个bug我发现,最基础的就是最重要的。平时多看看基础的文档,对自己的水平很有帮助,o(∩_∩)o 哈哈.

本文标题:标签内嵌错误的bug
本文链接:https://56way.com/p/6.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。