用p标记 包括div标记 最后浏览器渲染出来的 却没在里面

Posted 2020-11-26 16562653945aa

思宜企鹅：33257946没想到之前犯了这种低级错误  

在学习html语言的之后就说过  标签可以嵌套 但是 有些标记是不能嵌套的 

书写HTML结构的时候，对于标签的嵌套问题，在我发现这个问题之前，都不在自己的考虑之中，还傻傻的以为标签之间是可以进行百搭的！

比如 a标签再嵌套a标记就会不生效

（1）a标签不能嵌套a标签（链接嵌套）  不可以

<a href="###">父元素<a href="###">子元素</a></a> ; //嵌套父子级
（2）p标签不能嵌套块级标签

<p>父元素<div>子元素</div></p> ; //嵌套父子级
浏览器解析为兄弟级：

<p>父元素</p>;
<div>子元素</div>;
我就是傻傻的犯了这种错误 最后在浏览器中解析成了兄弟标记 我还纳闷呢 最后才发现 虽然p标记是块标记 但是不能嵌套 其他的块标记 可以嵌套 行内标记和 行内块标记 

<p> <span></span> </p>                 <p> <input></input> </p>
————————————————